在Web开发中，CSS（层叠样式表）是一种用于控制 HTML 文档外观和布局的语言。其中一个常见的应用场景是为网页中的图片、文章和代码添加样式。本文将介绍如何使用 CSS 将图片、文章和代码样式化。
首先，针对图片的样式化，可以使用 `img` 标签和 CSS 的 `border` 属性来控制图片的边框样式、颜色和宽度，例如：
```css
img {
border: 2px solid #ccc;
}
```
这会使所有 `img` 标签周围出现 2 像素宽的灰色边框。
其次，针对文章和段落的样式化可使用 `p` 标签和 CSS 的 `color`、`font-size` 和 `line-height` 属性来控制文本的颜色、字号和行高，例如：
```css
p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
```
这会使所有 `p` 标签的文本颜色为深灰色、字号为 16 像素、行高为字体大小的 1.5 倍。
最后，针对代码的样式化可以使用 `pre` 标签和 CSS 的 `background-color` 和 `padding` 属性来控制代码块的背景色和内边距，例如：
```css
pre {
background-color: #f5f5f5;
padding: 10px;
}
```
这会使所有 `pre` 标签的背景色为浅灰色、内边距为 10 像素，从而突出显示代码。
总之，通过使用CSS，我们可以为图片、段落和代码添加样式，使整个网页效果更加美观和易读。