实现原理 通过设置元素边框的透明度实现各种样式的三角形 transparent transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 background:transparent，即背景透明 创建长宽为0、边框为40的元素 .triangle { width: 0; height: 0; border-top: 40px solid red; border-right: 40px solid green; border-left: 40px solid blue; border-bottom: 40px solid black; } 上边框设为透... 展开全文

::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-corner { background: #f6f6f6; } ::-webkit-scrollbar-thumb { background: #cdcdcd; border-radius: 2px; } ::-webkit-scrollbar-track { background: #f6f6f6; border-radius: 2px; } 展开全文

/* WebKit browsers */ ::-webkit-input-placeholder { color: #fff; } /* Mozilla Firefox 4 to 18 */ :-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 19+ */ ::-moz-placeholder { color: #fff; opacity: 1; } /* Internet Explorer 10+ */ :-ms-input-placeholder { color: #fff; } (可在冒号前面添加类选择器) 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元... 展开全文

实现flex布局 mian{ display: flex; //行内元素 display: inline-flex; } 控制主轴方向 flex-direction ---row（默认值）：主轴为水平方向，起点在左端。 ---row-reverse：主轴为水平方向，起点在右端。 ---column：主轴为垂直方向，起点在上沿。 ---column-reverse：主轴为垂直方向，起点在下沿。 控制换行 flex-wrap ---nowrap（默认）：不换行 ---wrap：换行，第一行在上方 ---wrap-reverse：换行，第一行在下方 在主轴... 展开全文