CSS实现带箭头方框怎么控制箭头位置！

html-css012

CSS实现带箭头方框怎么控制箭头位置！,第1张

你可以做一个带箭头的div；然后样式如下：

div

{

/* 箭头的样式，你自己设计，下面是旋转的样式*/

transform:rotate(90deg)

-ms-transform:rotate(90deg)/* Internet Explorer */

-moz-transform:rotate(90deg)/* Firefox */

-webkit-transform:rotate(90deg)/* Safari 和 Chrome */

-o-transform:rotate(90deg)/* Opera */

}

这个是CSS3，所以浏览器并不是都兼容的。上面的deg就是角度单位度。

向右的箭头

arrow-right{ width: 0height: 0border-top: 17px dashed transparentborder-bottom: 17px dashed transparentborder-left: 15px solid #777font-sie: 0}