CSS background 背景样式用法
背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式:
- 背景属性以及背景位置的控制:
1、background-position:水平方向,竖直方向。
2、Background-attachment:背景的滚动。属性设置背景图像是否固定或者随着页面的其余部分滚动。body{ background-image: url(bgimage.gif); background-attachment: fixed; } - transparent:背景的透明
transparent表示透明无颜色
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0%水平位置在x0
0%垂直位置在y0 - 背景属性的设置顺序:
背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置background : background-color || background-image || background-repeat || background-attachment || background-position - transform变形 ---rotate转动Li:hover dt{ -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}div{transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari、Chrome */
-o-transform:rotate(7deg); /* Opera */
}
以上就是速优网络和大家分享的"CSS background 背景样式用法",非常感谢您有耐心的读完这篇文章,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务,本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作,请扫码咨询,我们将诚挚为您服务。
TAG标签: