您当前的位置： 首页 > 学无止境 > CSS3|Html5 网站首页CSS3|Html5
css3彩色边框,彩虹边框
发布时间：2015-06-21 15:36:32编辑：雪饮阅读（）
不用多个div的嵌套也可以实现多重的彩色边框，css3的box-shadow就拥有这样的功能，如下案例：
<!doctype html>
<HTML>
<head>
<meta charset="utf-8" />
<style>
.multiple{
margin:200px;
width:200px;
height:100px;
background:#ccc;
box-shadow:
0px 0px 10px 10px red,/*赤色阴影*/
0px 0px 10px 20px orange,/*橙色阴影*/
0px 0px 10px 30px yellow,/*黄色阴影*/
0px 0px 10px 40px green,/*绿色阴影*/
0px 0px 10px 50px cyan,/*青色阴影*/
0px 0px 10px 70px blue,/*蓝色阴影*/
0px 0px 10px 90px purple;/*紫色阴影*/
}
</style>
</head>
<body>
<div class="multiple">
</div>
</body>
</HTML>
预览图
关键字词：css3,彩虹,个人博客