css3中的border属性能否同时写两个，求大神

html-css030

css3中的border属性能否同时写两个，求大神,第1张

不能写两个

但是可以用阴影来模拟边框

div{

       width:300px

       height:300px

       box-shadow: 0 0 0 10px red,0 0 0 20px green

    }

阴影不占据空间~

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>景安</title>

<style type="text/css">

.zzidc{width: 200pxheight: 100pxborder-top: 1px solid redborder-bottom: 1px solid bluetext-align: centerline-height: 100px}

    .zzidc a{text-decoration: nonecolor: red}

    .zzidc a:hover{color: blue}

</style>

</head>

<body>

<div class="zzidc"><a href="http://host.zzidc.com/">颜色</a></div>

</body>

</html>

可以分别使用border-top  border-bottom  border-left  border-right 分别设置边框的上下左右颜色