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

css畫角形教學視頻

錢衛國2年前9瀏覽0評論

在CSS中,我們可以使用border屬性來畫出各種形狀的邊框。如果我們想要畫出角形,可以使用border的8個方向屬性中的一些組合。

/* 左上角形狀 */
border-top: 50px solid red;
border-right: 50px solid transparent;
/* 右上角形狀 */
border-top: 50px solid red;
border-left: 50px solid transparent;
/* 左下角形狀 */
border-bottom: 50px solid red;
border-right: 50px solid transparent;
/* 右下角形狀 */
border-bottom: 50px solid red;
border-left: 50px solid transparent;

以上代碼中,我們設置了其中一個方向的邊框為實心,另一個方向的為透明,這樣就可以畫出一個角形。

如果我們要畫出更復雜的角形,可以使用border-radius屬性,將某個角的半徑設置為0,就可以讓這個角變成一個角形。

/* 左上角形狀 */
border-top-right-radius: 50px;
border-bottom: 50px solid red;
/* 右上角形狀 */
border-top-left-radius: 50px;
border-bottom: 50px solid red;
/* 左下角形狀 */
border-top: 50px solid red;
border-bottom-right-radius: 50px;
/* 右下角形狀 */
border-top: 50px solid red;
border-bottom-left-radius: 50px;

以上代碼中,我們使用border-radius將某個角的半徑設置為50px,再設置另一條邊的邊框為紅色,就可以畫出一個角形。