1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Backgrounds and Borders Test: border-clip_border-box</title>
4 <link href="mailto:andong135@126.com" rel="author" title="Dong An">
5 <link href="http://www.w3.org/TR/css3-background/#the-border-color" rel="help">
6 <meta content="Test transparent of border-color" name="assert">
7 <style type="text/css">
8 .container {
9 border: 1px solid red;
10 width:100px;
11 height:100px;
12 background-color:#eee;
13 }
14 .triangle-up {
15 height: 0;
16 width: 0;
17 border: 50px solid #e5c3b2;
18 border-color: transparent transparent #e5c3b2 transparent;
19 }
20 </style>
21 </head>
22 <body>
23 <p>Test passes if the shape is an up triangle </p>
24 <div class="container">
25 <div class="triangle-up"></div>
26 </div>
27
28
29 </body></html>