css怎么单独控制图片 |css 图片锚点

在网页设计中，图片是一个重要的组成部分。使用CSS可以轻松地单独控制图片的样式。

img {
width: 50%;
height: auto;
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
}

上面的CSS代码表示：

• 图片宽度占据父元素的50%；
• 高度会自适应，不会拉伸变形；
• 边框为1像素实线，颜色为#ccc；
• 外边距为10像素，内边距为5像素。

以上代码是对所有的img标签都起作用的，如果需要单独控制某个图片的样式，可以使用class或id来标识。

<img src="example.png" class="pic">

img.pic {
width: 80%;
height: auto;
border: 2px solid #f00;
margin: 20px;
padding: 10px;
}

使用class为“pic”的图片，其样式将不同于其他图片，如上面的代码所示。

总之，使用CSS可以轻松地单独控制图片的样式，让你的网页更加美观和优雅。