20个非常实用的CSS技巧

  border-left:5px solid transparent;  /* left arrow slant */  

  border-right:5px solid transparent; /* right arrow slant */  

  border-bottom:5px solid #2f2f2f; /* bottom, add background color here */  

  font-size:0px;   

  line-height:0px;   

}   

/* create an arrow that points down */  

div.arrow-down {   

  width:0px;   

  height:0px;   

  border-left:5px solid transparent;   

  border-right:5px solid transparent;   

  border-top:5px solid #2f2f2f;   

  font-size:0px;   

  line-height:0px;   

}   

/* create an arrow that points left */  

div.arrow-left {   

  width:0px;   

  height:0px;   

  border-bottom:5px solid transparent;  /* left arrow slant */  

  border-top:5px solid transparent; /* right arrow slant */  

  border-right:5px solid #2f2f2f; /* bottom, add background color here */  

  font-size:0px;   

  line-height:0px;   

}   

/* create an arrow that points right */  

div.arrow-rightright {   

  width:0px;   

  height:0px;   

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!