实例 指定作为div元素周围边框的图像: #borderimg { -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round;} 尝试...
菜鸟教程(runoob.com) 实例 给两个 div 元素添加圆角的边框: #example1 { border: 2px solid red; border-radius: 25px;} #example2 { border: 2px solid red; border-radius: 50px 20px;} 尝试一下 » 浏览器支持 表格中的数...
实例 向 div 元素添加阴影: div{ box-shadow: 10px 10px 5px #888888;} 尝试一下 » 在本页底部查看更多实例。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...
实例 为div元素的左上角添加一个圆角边框: div{border:2px solid;border-top-left-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...
实例 为div元素的右上角添加一个圆角边框: div{border:2px solid;border-top-right-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...
实例 为div元素的右下角添加圆角边框: div{ border:2px solid; border-bottom-right-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...
实例 为div元素的左下角添加圆角边框: div{ border:2px solid; border-bottom-left-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...
实例 指定绘图区的背景: div{ background-color:yellow; background-clip:content-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 background-clip 4.0 9.0 4.0 3.0 1...
实例 内容框相对定位的背景图片: div{background-image:url('smiley.gif');background-repeat:no-repeat;background-position:left;background-origin:content-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性...
实例 指定背景图像的大小: div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第...