img { width: 300px; height: 200px; border: 1px solid black; margin: 10px; }
在上面的CSS代码中,大家可以看到img标签的属性被修改了,width属性被设置为300px,height属性被设置为200px,border属性被设置为1px实心黑色边框。而margin属性则是设置图像与其它元素的间隔。如果您想要控制多张图片,则需要为每个图片创建独立的css,并进行分类管理。
除了使用CSS属性,大家还可以使用CSS选择器来控制某些特定的图片。例如大家可以选择所有类名为”logo”的图片,并对它们应用特定的CSS样式。
img.logo { width: 150px; height: 100px; }
这个CSS代码就是为带有类名为”logo”的所有图片元素设置宽度为150px,高度为100px。
CSS不仅能够修改图片标签的大小和位置,还能更改图片的透明度、添加特效等等。通过深入学习CSS能够提高网页的可读性和美观程度。