插入符号caret

.caret  在Bootstrap中的作用,写出一个“下拉箭头”,如图:

其具体css样式为:

.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

二、直接用css样式写出来的的方法

在html中用一对b标签嵌入,


 其css代码如下:

#my_jd b {
border-style: solid;
border-width: 5px;
border-color: #CCC transparent transparent transparent;
line-height: 27px;
/* cursor: pointer;*/鼠标样式
position:relative;
top:10px;
right:-3px;/*位置调整*/
}

 


posted @ 2016-11-24 21:22  木子青青  阅读(647)  评论(0编辑  收藏  举报