20个非常实用的CSS技巧(4)

发布时间：2020-03-15 18:52 所属栏目：52 来源：站长网

导读：border-left:5pxsolidtransparent;/*leftarrowslant*/ border-right:5pxsolidtransparent;/*rightarrowslant*/ border-bottom:5pxsolid#2f2f2f;/*bottom,addbackgroundcolorhere*/ font-size:0px; line-height:0px;

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;

（编辑：ASP站长网）