IT入门 > 教程 > css教程 >

CSS3 border-top-left-radius 属性

实例 为div元素的左上角添加一个圆角边框： div{border:2px solid;border-top-left-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

CSS3 border-top-right-radius 属性

实例 为div元素的右上角添加一个圆角边框： div{border:2px solid;border-top-right-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

CSS3 box-shadow 属性

实例 向 div 元素添加阴影： div{ box-shadow: 10px 10px 5px #888888;} 尝试一下 » 在本页底部查看更多实例。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...

CSS3 overflow-x 属性

实例 如果它溢出了元素的内容区-剪辑div元素的左/右边缘内容： div{overflow-x:hidden;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

CSS3 overflow-y 属性

实例 如果它溢出了元素的内容区-剪辑div元素的顶部/底部边缘内容： div{overflow-y:hidden;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...

CSS3 overflow-style 属性

实例 设置溢出元素的首选滚动方法： div{overflow:auto;overflow-style:marquee,panner;} 尝试一下 » 浏览器支持 目前主流浏览器都不支持 overflow-style 属性。 定义和用法 overflow-style 规定溢出元素的...

CSS3 rotation 属性

实例 将 h1 元素旋转 180 度（从上向下）：p h1{ rotation-point:50% 50%; rotation:180deg;} 尝试一下 » 浏览器支持 目前没有浏览器支持 rotation 属性。 属性定义及使用说明 rotation 属性围绕由 rotat...

CSS3 rotation-point 属性

实例 将 h1 元素旋转 180 度（从上向下）：p h1{ rotation-point:50% 50%; rotation:180deg;} 尝试一下 » 浏览器支持 目前没有浏览器支持 rotation-point 属性。 属性定义及使用说明 rotation-point 属性是一...

CSS3 opacity 属性

实例 设置一个div元素的透明度级别： div{ opacity:0.5;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 所有主流浏览器都支持opacity属性。. 注意： IE8和早期版本支持另一种过滤器属性...

CSS padding 属性

实例 设置一个P元素的填充： p {padding:2cm 4cm 3cm 4cm;} 尝试一下 » 属性定义及使用说明 padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。 实例: padding:10px 5px 15px...