css边框透明画三角形

简介:

wKioL1MnpTWD9sXQAABjmVQdXtc184.jpg


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strick//EN" "http://www.w3.org/TR/html4/loose.dtd">
< html >
  < head >
   < title > New Document </ title >
   < meta  name = "Generator"  content = "EditPlus" >
   < meta  name = "Author"  content = "" >
   < meta  name = "Keywords"  content = "" >
   < meta  name = "Description"  content = "" >
   < style >
     div {
        height:1000px;
        width:1000px;
        background:gray;
     }
     #triangle {
        width:0px;
        height:0px;
        border-top:200px solid transparent  ;
        border-right:200px solid transparent ;
        border-bottom:200px solid pink;
        border-left:200px solid transparent ;
     }
   </ style >
  </ head >
  < body >
      < div >
      < div  id = "triangle" > </ div >
      </ div >
  </ body >
</ html >


     边框颜色值 transparent 用来设置透明边框,使边框不可见!





     本文转自kindIT 51CTO博客,原文链接:http://blog.51cto.com/kindit/1378408,如需转载请自行联系原作者




相关文章
|
1月前
|
前端开发
css解决li边框重合问题
css解决li边框重合问题
14 0
|
1月前
|
前端开发
CSS画三角形(三种方法)
CSS画三角形(三种方法)
|
3月前
|
前端开发
玩转CSS盒子之 三角形盒子
玩转CSS盒子之 三角形盒子
28 0
|
3月前
|
前端开发
css实现伪类三角形气泡框 带边框
css实现伪类三角形气泡框 带边框
27 3
|
3月前
|
前端开发
|
9天前
|
前端开发 开发者
CSS3的常见边框汇总
CSS3的常见边框汇总
13 2
|
1月前
|
前端开发
css边框border(含代码,易懂)
css边框border(含代码,易懂)
|
2月前
css3边框与圆角
css3边框与圆角
31 0
|
2月前
|
前端开发 JavaScript API
|
3月前
|
前端开发
CSS 做三角边框,实现及原理
CSS 做三角边框,实现及原理
43 0