css border制作小三角形状及应用（兼容IE6）

浏览数：21 / 时间：2015年06月09日
http://caibaojian.com/css-border-triangle.html 


  1. .text{
  2. 	height: 0;
  3. 	width: 0;
  4. 	/* 这里设置overflow, font-size, line-height,是因为, 
  5. 	* 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 
  6. 	* 导致盒子呈现被撑开的长矩形*/
  7. 	overflow: hidden;
  8. 	font-size: 0;
  9. 	line-height: 0;
  10. 	border-color: #FF9600 transparent transparent transparent;
  11. 	border-style: solid dashed dashed dashed;
  12.        /*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果~*/
  13. 	border-width: 20px;
  14. }





郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style com http si html it la sp class style com http si html it la sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢