通过CSS来设置图片的样式,可以让页面更加美观、丰富,提高用户的视觉体验。下面是几个关于CSS如何制定显示图片的代码实例:
/* 设置图片的大小 */ img { width: 200px; height: 150px; } /* 将图片设置为圆角 */ img { border-radius: 50%; } /* 显示一张背景图片 */ body { background-image: url("bg.jpg"); } /* 设置一个固定的背景图片,且不随滚动条滚动 */ body { background-image: url("bg.jpg"); background-position: fixed; } /* 为图片添加阴影 */ img { box-shadow: 2px 2px 2px gray; }
这些代码可以通过CSS的样式表属性,针对不同的图片要素来进行设置。在制作网页时,辅以图文内容等,可以带来更佳的设计体验。