CSS：不可思议的border属性, 冒泡提示框

不净之心

于 2016-03-04 17:23:45 发布

阅读量169

点赞数

分类专栏：前台&美工

本文链接：https://blog.csdn.net/pyzheng/article/details/84768429

版权

前台&美工专栏收录该内容

118 篇文章 1 订阅

订阅专栏

[url]http://www.ido321.com/1200.html[/url]
在CSS中，其border属性有很多的规则。对于一些事物，例如三角形或者其它的图像，我们仍然使用图片代替。但是现在就不需要了，我们可以用CSS形成一些基本图形，我分享了一些关于这方面的技巧。
[size=x-large][color=red]详细看原文....[/color][/size]

正三角形

.triangle_up
{
  height:0px; width:0px;
  border-top:50px solid transparent;
  border-left:50px solid #006633;
  border-bottom:50px solid transparent;
}

CSS2 引入了边框颜色值 transparent。这个值用于创建[color=red]有宽度的不可见边框[/color]

纯CSS制作[b][color=red]冒泡提示框[/color][/b] [url]http://www.ido321.com/1214.html[/url]