网页的背景填充

怎样设置网页的背景为图片?

body{background:url(/img)}

 


背景图片不平铺?

body{background:url(/img)no-repeat;}

 

背景图片不被拉伸变形?

 body{background:url(/img) no-repeat;} background-size: 

background-size:cover;//使背景图片足够大,填满整个背景区域。可能出现图片部分不显示。

background-size:contain;  //使图片完全显示,可能出现背景未填满。

background-size:50% 50% /100px 100px   //如果只填写一个,另一个auto;

转载于:https://www.cnblogs.com/strive8/p/10381153.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当设计一个网页时,可以使用HTML代码来设置网页背景。以下是一些常用的HTML代码来设置网页背景: 1. 使用颜色作为背景: ```html <body style="background-color: #f2f2f2;"> <!-- 网页内容 --> </body> ``` 在上面的代码中,`background-color`属性用于设置背景颜色。可以使用颜色名称或者十六进制颜色码来指定颜色。 2. 使用图片作为背景: ```html <body style="background-image: url('image.jpg');"> <!-- 网页内容 --> </body> ``` 在上面的代码中,`background-image`属性用于设置背景图片。可以通过指定图片的URL来设置背景图片。 3. 设置背景重复: ```html <body style="background-image: url('image.jpg'); background-repeat: repeat;"> <!-- 网页内容 --> </body> ``` 在上面的代码中,`background-repeat`属性用于设置背景图片的重复方式。可以设置为`repeat`(默认值,水平和垂直方向都重复)、`repeat-x`(只在水平方向重复)、`repeat-y`(只在垂直方向重复)或者`no-repeat`(不重复)。 4. 设置背景大小: ```html <body style="background-image: url('image.jpg'); background-size: cover;"> <!-- 网页内容 --> </body> ``` 在上面的代码中,`background-size`属性用于设置背景图片的大小。可以设置为`cover`(图片尺寸自动调整以填充整个背景区域,可能会被裁剪)或者`contain`(图片尺寸自动调整以适应背景区域,可能会有空白区域)。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值