IT入门 > 教程 > css教程 >

CSS background-color 属性

实例 设置不同元素的背景色： body{ background-color:yellow;}h1{ background-color:#00ff00;}p{ background-color:rgb(255,0,255);} 尝试一下 » 标签定义及使用说明 background-color属性设置一个元素的背景颜色。...

CSS background-image 属性

实例 设置body元素的背景图像： body{ background-image:url('paper.gif'); background-color:#cccccc;} 尝试一下 » 标签定义及使用说明 background-image 属性设置一个元素的背景图像。 元素的背景是元素的总...

CSS background-position 属性

实例 如何定位background-image： body{ background-image:url('smiley.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center; } 尝试一下 » 标签定义及使用说明 background-position属性设置背...

CSS background-repeat 属性

实例 只有垂直方向重复 background-image： body{ background-image:url('paper.gif'); background-repeat:repeat-y;} 尝试一下 » 标签定义及使用说明 设置如何平铺对象的 background-image 属性。 默认情况下，重...

CSS3 background-clip 属性

实例 指定绘图区的背景： div{ background-color:yellow; background-clip:content-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 background-clip 4.0 9.0 4.0 3.0 1...

CSS3 background-origin 属性

实例 内容框相对定位的背景图片： div{background-image:url('smiley.gif');background-repeat:no-repeat;background-position:left;background-origin:content-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性...

CSS3 background-size 属性

实例 指定背景图像的大小： div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第...

CSS border 属性

实例 设置四个边框样式： p { border:5px solid red;} 尝试一下 » 标签定义及使用说明 border 是边框属性的简写属性。 CSS border 属性用于指定元素边框的样式、宽度和颜色。 可以设置的属性分...

CSS border-bottom 属性

实例 设置底部边框样式： p { border-style:solid; border-bottom:thick dotted #ff0000;} 尝试一下 » 标签定义及使用说明 border-bottom缩写属性设置一个声明中所有底部边框属性。 可以设置的属性分别（...

CSS border-bottom-color 属性

实例 设置底部边框颜色： p { border-style:solid; border-bottom-color:#ff0000;} 尝试一下 » 标签定义及使用说明 border-bottom-color属性设置元素的底部边框颜色。 注意 使用border-bottom颜色属性前，必...