制作电脑编程漂亮的图片可以通过以下几种方法：
使用图形编辑软件
Adobe Photoshop：功能强大的图像处理软件，适用于复杂的图像编辑和设计。
GIMP：免费开源的图像编辑软件，拥有丰富的工具和滤镜，适合快速编辑图片。
CorelDRAW：专业的图形设计软件，适用于创建和编辑矢量图形，如Logo和图标。
使用矢量图形软件
Adobe Illustrator：专业的矢量图形设计软件，适合制作高质量的Logo、图标和其他编程相关图片。
Inkscape：免费开源的矢量图形软件，功能类似于Adobe Illustrator。
使用在线图像编辑器
Canva：简单易用的在线设计工具，适合快速制作编程相关的图片和海报。
Pixlr：在线图像编辑器，提供丰富的编辑功能和模板，适合制作编程图片。
使用编程语言绘图库
Python：可以使用PIL（Python Imaging Library）和Matplotlib库进行图像处理和绘图。
为输入框添加好看的图片
使用背景图片：通过CSS样式设置输入框的背景图片，例如：
```css
input {
background-image: url（"your_image.jpg"）；
}
```
使用图标字体：通过CSS样式将图标添加到输入框中，例如：
```css
.icon-input {
background-image: url（"fontawesome/fontawesome-icons.svg"）；
background-repeat: no-repeat；
background-position: right center；
padding-right: 20px；
}
```
使用CSS绘制：使用CSS的 ：:before 或 ：:after 伪元素绘制简单形状和图案，例如：
```css
input {
position: relative；
padding: 10px；
}
input::before {
content: ""；
position: absolute；
left: 5px；
top: 5px；
width: 10px；
height: 10px；
background-color: 000；
}
```
使用专门的代码转图像工具
Marmoset Marmoset：Chrome应用程序，可以透视截取代码截图，并支持多种代码语言和效果设置。
Codeimg.io：在线工具，可以创建具有语法风格的代码图像，支持自定义风格和尺寸。
CodeZen：简约的代码转图像工具，操作类似文本编辑器，快速将源代码导出为图像。
Chalk：开源工具，创建漂亮的代码图像，支持多种编程语言和自定义设置。
建议
选择合适的工具：根据具体需求和技能水平选择合适的工具，如需要高质量图像，可以选择Photoshop；如果需要快速制作和分享，可以选择在线工具。
注重设计和排版：在制作编程图片时，注意色彩搭配、对比度和代码的可读性，使图片既美观又实用。
练习和探索：多尝试不同的工具和方法，探索更多设计和编程技巧，不断提升自己的制作水平。