DIV+CSS制作箭头效果
<style>
.b_main{position:absolute}
.out{
position:absolute;
top:7px;
border-color:transparent #999999 transparent transparent;
border-style:dashed dashed solid dashed;
border-width:8px;
}
.in{
position:absolute;
border-color:transparent #ffffff transparent transparent;
border-style:dashed dashed solid dashed;
border-width:8px;
top:-8px;
left:-6px;
}
.border{
position:relative;
border:1px solid #999999;
padding:10px;
left:16px;
border-radius:5px;
}
</style>
</head>
<body>
<div class="b_main">
<div class="border">效果实现^_^</div>
<div class="out">
<div class="in"></div>
</div>
</div>
</body>
http://www.jb51.net/css/143000.html
http://www.oschina.net/code/snippet_125027_3637
http://www.yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
