简介：css练习写的实现箭头的写法
<!DOCTYPE <a href='http://www.itjxue.com/plus/search.php?kwtype=0&keyword=html&' target='_blank'><u>html</u></a> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .wrap { width:200px; height:50px; position:relative; margin-top:50px; background:#080;} .arrow { width:0; height:0; position:absolute; left:50%; margin-left:-17px; top:-32px; font-size:0; border-width:16px; border-color:transparent transparent #080; border-style:dashed dashed solid; } </style> </head> <body> <div class="wrap"><div class="arrow"></div></div> </body> </html>
[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]