第一个属性:border-radius在 CSS3 中,border-radius 属性用于创建圆角:
第二个属性:border-image
通过 CSS3 的 border-image 属性,您可以使用图片来创建边框:
第三个属性 box-shadow
在 CSS3 中,box-shadow 用于向方框添加阴影:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
</head>
<body>
<style>
#block{
background:red;
height:40px;
width:100px;
box-shadow:10px 10px 10px green; /*阴影*/
/*border:#888 solid 3px;*/
/*border-radius: 20px; 圆弧*/
/*-webkit-border-radius:20px;*/
/*-moz-border-radius:20p; */
/**008png**/
border-image:url(./Image/008.png) 30 30 round;
-moz-border-image:url(./Image/008.png) 30 30 round; /* 老的 Firefox */
-webkit-border-image:url(./Image/008.png) 30 30 round; /* Safari 和 Chrome */
-o-border-image:url(./Image/008.png) 30 30 round; /* Opera */ }
</style>
</body>
<div id="block"> </div>
</html>
|