欢迎来到宇程资讯网

宇程资讯网

css样式盒子、定位、背景色、尺寸

时间:2026-06-07 03:13:13 出处:热点阅读(143)

1.背景颜色

/*透明色*/
background-color: transparent;

/*半透明*/
background: rgba(0, 0, 0, 0.5)

/*换颜色*/
background-color: #;

2.背景图片

/*书写实例 默认平铺的*/
background-image: url(c:/WEB/amag/a1.png);

/*不平铺*/
background-repeat: no-repeat;

/*平铺*/
background-repeat: repeat;

/*x 平铺*/
background-repeat: repeat-x;

/*y 平铺*/
background-repeat: repeat-y;

页面既既可以添加背景图片,还可以添加背景颜色,定位背景图片会压着背景颜色


3.背景位置

/*水平居中垂直,靠上*/
background-position: center top;

/*右边,式盒色尺中间*/
background-position: right center;

省略一个,定位第二个方位是背景居中
/*x y 顺序不能颠倒了*/
background-position: 20px 50px;

background-position: center 40px;


4.背景固定

/*固定*/
background-attachment: fixed;

/*随对象内容滚动*/
background-attachment: scroll;


5.背景复合型写法

/*背景颜色,背景图片,式盒色尺背景地址,定位背景平铺,背景背景图像滚动,式盒色尺定位背景图片位置*/
background: black url(c:/WEB/amag/a1.png) no-repeat fixed center top

分享到:

温馨提示:以上内容和图片整理于网络,仅供参考,希望对您有帮助!如有侵权行为请联系删除!

友情链接: