img{ border: 2px solid black; }
代码中,大家使用了img选择器来选中所有的图片,然后使用border属性进行边框的设置。border属性的语法:border: width style color;
其中,width指边框的宽度,style指边框的样式(solid表示实线,dashed表示虚线,dotted表示点线等),color指边框的颜色。以上代码实现的效果是边框宽度为2px、样式为实线、颜色为黑色。
如果要设置特定的图片的边框大小,则需为该图片指定一个具有唯一性的class或id:
<img src='example.jpg' class='example-image'> .example-image{ border: 1px dashed blue; }
代码中,大家为图片添加了一个class名为example-image,然后在CSS中对该class进行了样式的设置。以上代码实现的效果是边框宽度为1px、样式为虚线、颜色为蓝色。
总而言之,在CSS中设置图片的边框大小十分简单,只需使用border属性即可。如果需要设置特定图片的边框大小,则需为该图片指定一个具有唯一性的class或id。