把元素定义成块级0大小(0宽0高0字号0行高)后, 通过改变元素的border-color和border-width实现
- <style>
- .angle {
- margin:50px 25px;
- padding:0px;
- position:relative;
- z-index:1;
- background-color:rgb(51,88,159);
- width:500px;
- height:150px;
- color:rgb(255,255,255);
- text-align:center;
- line-height:150px;
- font-size:14px}
- </style>
- <div class="angle">
- <span class="top" style="position:absolute; z-index:0; border-style:solid; width:0px; height:0px; line-height:0; font-size:0px; border-width:0px 20px 20px ; border-color:transparent transparent rgb(51,88,159); left:100px; top:-20px"></span>
- test1234567890
- </div>
<script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=3&lang=zh"></script> <script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/bshareC0.js"></script>
阅读(74) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
评论热议
扫一扫
395
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
