按照老師的的寫，沒有效果
html:
<!doctype html>
<html>
<head>
<meta charset="utf-8>
<link rel="stylesheet" href="cssborder.css" type="text/css">
</head>
<div class="bordertest"></div>
</html>
css:
.bordertest{
width:150px;height:30px;
padding:15px 0;
border-top:30px solid "#fff";
border-bottom:30px solid "#fff";
background-color:"#fff";
background-clip:content-box;
}
2018-07-26
把最后的content-box改成你的名字bordertest，然后就好啦。我的是這樣：
.line-tri{
width: 150px;
height: 30px;
padding: 15px 0;
border-top: 30px solid green;
border-bottom: 30px solid red;
background: orange;
background-clip: line-tri;
}
2016-11-01
Lz你好,你試著改下代碼
首先<div class="bordertest"></div>是要放在<body></body>標簽中的；
其實你要的效果已經(jīng)實現(xiàn)了,只是你把它們都設成了#fff, 這是白色. 自然就什么都看不到了.
2016-08-31
嗯，是要實現(xiàn)三道杠，截錯了圖，但是不管加不加引號都不能實現(xiàn)三道杠……你在你那里驗證過了嗎？？
2016-08-30
你是要實現(xiàn)三道杠？？？border-top:30px solid "#fff"中#fff不應該加引號……