width: 100px;
height: 100px;
border: 1px solid black;
@media media queries {
width: 200px;
height: 200px;
CSS在图片上添加
CSS是一种用于设计和布局网页的样式表语言。它可以用于添加样式、格式化文本、图形、动画和其他元素到网页中。通过使用CSS,大家可以控制图片的大小、位置、颜色、边框和背景等属性。
以下是一些示例代码,展示了如何使用CSS在图片上添加样式:
“`html
width: 100px;
height: 100px;
border: 1px solid black;
@media media queries {
width: 200px;
height: 200px;
大家还可以使用CSS的媒体查询来设置图片的颜色、边框和背景等属性。例如,如果大家希望图片的背景颜色为红色,大家可以使用@media media queries,并在图片所在的HTML元素上应用样式,如下所示:
“`html
width: 100px;
height: 100px;
border: 1px solid black;
background-color: red;
@media media queries {
width: 200px;
height: 200px;
在上面的代码中,大家使用@media media queries来设置图片的背景颜色。在第一个示例中,大家将background-color属性设置为red,而在第二个示例中,大家将它设置为红色。
通过使用CSS,大家可以轻松地在图片上添加样式,使网页更具吸引力和可读性。