色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css3 div 梯形

林雅南2年前9瀏覽0評論

CSS3可以實現各種酷炫的效果,其中梯形效果是常用的一種。梯形可以用來制作各種有趣的圖形,比如標志、按鈕等等。在CSS3中,可以通過對div的樣式設置,來創(chuàng)建一個簡單的梯形形狀。

/* 定義一個四邊形,上邊寬50px,下邊寬0,左右兩邊各25px */
.div-class {
width: 100px;
height: 0;
border-top: 50px solid #ff0000;   /* 上邊寬50px, 顏色為紅色 */
border-right: 25px solid transparent;  /* 右邊寬25px, 透明 */
border-bottom: 0 solid transparent;   /* 下邊寬0, 透明 */
border-left: 25px solid transparent;  /* 左邊寬25px, 透明 */
}

上面的代碼表示一個通過CSS3樣式實現的三角形的形狀,其中上邊是50px寬的紅色邊,右邊和左邊各是25px的透明邊,下邊是0px的透明邊,表現出了一個梯形的形狀。

以上就是CSS3中實現梯形效果的簡單介紹,借助這些CSS3特性,可以輕松實現各種有趣的圖形和效果。