在网页设计中,背景图片能够为网页带来更加直观、生动的效果。而CSS是一种实现网页设计的技术,那么,在CSS中又该如何设置背景图片呢? 首先,我们需要将要设置的背景图片存储在网站的服务器上。一般情况下,
body { background-image: url('images/bg.jpg'); }在上述代码中,我们将背景图片的地址放在了引号内。此处引号内路径的书写非常重要,因为如果路径错误,背景图片将无法显示。 另外,我们可以采用其他属性对背景图片进行设置。例如,通过background-size属性,可以设置背景图片的大小;通过background-position属性,可以设置背景图片在网页中的位置。以下是一些常用的背景图片属性及其代码示例:
background-size:可选值有:auto、contain、cover、具体长度值等。例如:
background-size: cover;
background-position:可选值有:百分数、长度值、left、right、center、top、bottom等。例如:
background-position: center center;
粉丝
0
关注
0
收藏
0