種子論壇 | 高雄市資訊培育協會學員討論區

標題: Box Model 設計-邊框(二) [打印本頁]

作者: 陳育霖 時間: 2023-8-29 01:26 標題: Box Model 設計-邊框(二)

本帖最後由陳育霖於 2023-8-29 01:42 編輯

邊框屬性簡易表示
border-top、border-right、border-left、border-bottom、border

#fig1 { border: solid thin};
#fig2 { border: inset thin yellow};

複製代碼

邊框圓角 border-radius
border-top-left-radius: 長度一長度二
第一個為水平軸半徑、第二個為垂直軸半徑
border-radius: 長度一長度二長度三長度四

#fig1 { border: solid 5px gray; border-radius: 20px 5px; }

複製代碼

四個值：左上、右上、右下、左下
三個值：左上、左下右上、右下
兩個值：左上右下、右上左下
一個值：上下左右

歡迎光臨種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/)