/*使用梯形疊加實(shí)現(xiàn)偽圓角效果*/
.box{
width: 600px; height: 200px;
background-color: #c00;
}
.border{
width: 590px;
border:5px solid;
border-color: transparent;
}
.bottom{
border-bottom-color: #c00;
}
.top{
border-top-color: #c00;
}
.box{
width: 600px; height: 200px;
background-color: #c00;
}
.border{
width: 590px;
border:5px solid;
border-color: transparent;
}
.bottom{
border-bottom-color: #c00;
}
.top{
border-top-color: #c00;
}
2017-03-07
border寬度不可使用百分比,受此限制,無法用于百分比布局需要;
boder-color屬性可繼承color,因此可用于一次性優(yōu)化多個(gè)布局;
border可以透明,transparent屬性,可利用此屬性生成三角或者梯形;
border-style中的double及dotted可用于創(chuàng)建三條短線樣式、圓。
border以及background配合使用,可以定位背景圖片至右側(cè)。(backgroud-positon默認(rèn)相對(duì)左上角)
boder-color屬性可繼承color,因此可用于一次性優(yōu)化多個(gè)布局;
border可以透明,transparent屬性,可利用此屬性生成三角或者梯形;
border-style中的double及dotted可用于創(chuàng)建三條短線樣式、圓。
border以及background配合使用,可以定位背景圖片至右側(cè)。(backgroud-positon默認(rèn)相對(duì)左上角)
2017-03-07
最新回答 / 前端小蝸牛_
transition實(shí)現(xiàn)元素的過度效果,語法格式:transition : transition-property ||?transition-duration ||?transition-timing-function ?|| ?transition-delay;分別表示:過度的屬性,時(shí)間,方式,延遲時(shí)間。這里只說明方式:linear(速度不變),ease(默認(rèn)值,緩慢開始,緩慢結(jié)束),ease-in(先慢后快),ease-out(先快后慢),ease-in-out(和ease有所差別,但差別不大)基于...
2017-03-04