在网页设计中,图片作为背景是一个很常见的设计方式。在CSS中,设置图片作为背景非常简单,只需要使用background-image属性即可实现。下面我们就来详细讲解一下如何使用CSS将图片设置为背景。
p { background-image: url("image.jpg"); }
p { background-image: url("image.jpg"); /* 设置背景图片 */ background-size: cover; /* 图片填满整个容器 */ background-repeat: no-repeat; /* 禁止图片重复 */ background-position: center center; /* 图片居中 */ background-attachment: fixed; /* 固定背景图 */ }
p { background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRg...);/* 使用base64编码字符串 */ }
粉丝
0
关注
0
收藏
0