css背景
1)背景颜色 background-color:颜色值; 如background-color:#f00;
2)background-image:url(背景图片的路径及全称); 如background-image:url(image/1.jpg);(在设置css背景图片的时候要注意css文件与背景图片文件的相对路径)
网页上有两种图片形式:插入图片、背景图;
插入图片:属于网页内容,也就是结构。<img />
背景图:属于网页的表现,背景图上可以显示文字、插入图片、表格等。
3)背景平铺 background-repeat:no-repeat(不平铺)/repeat(平铺)/repeat-x(水平平铺)/repeat-y(
垂直平铺)
4)背景图片的位置 background-position:值1 值2;
说明:属性值有两个值组成,值1是水平位置的坐标值,值2时垂直位置的坐标值
值1=left/center/right/数值;值2=top/center/bottom/数值;当两个值都是center的时候可以缩写为一
个;
当属性值是数值时,向右方向,向下方向正值;
背景属性的缩写语法:background:属性值1 属性值2 属性值3;
如:background:url(背景图片的路径及全称) no-repeat center top;
背景图的固定 background-attachment:scroll(滚动)/fixed(固定)
css背景属性
最新推荐文章于 2024-08-28 09:53:19 发布