語法教學CSS

border 框線

border-style「樣式」 border-radius「圓角」

 

．一行縮寫

border: 1px solid #444444; /*寬度、樣式、 色碼*/

．border-width 寬度

border-width: 1px; /*thin (薄)、medium (中等)、thick (厚)，或是一個數字。*/

 

 

．border-style 樣式

border-style: solid; /*實線框*/

 

border-style: dotted; /*點線框*/

border-style: dashed; /*分段線*/

border-style: double; /*雙線框*/

border-style: groove; /*立體內凸框*/

border-style: ridge; /*立體浮凸框*/

border-style: inset; /*凹框*/

border-style: outset; /*凸框*/

border-style: solid;
color: #009FCC;
border-style: solid;
color: #009FCC;
border-style: dashed;
color: #009FCC;
border-style: dashed;
color: #009FCC;
border-style: dashed;
color: #009FCC;
border-style: dashed;
color: #009FCC;
border-style: dashed;
color: #009FCC;
border-style: dashed;
color: #009FCC;

 

．border-color 色碼

border-color: #009FCC; /*色碼*/

 

 

．border-radius 圓角

border-radius: 30px /*圓角-寬高記得要寫一樣*/

 

border-style: solid;
border-radius: 30px;
color: #009FCC;
border-style: solid;
border-radius: 30px;
color: #009FCC;
arrow
arrow
    文章標籤
    fishdonttalk 默默魚 默默介紹 css htnl 語法教學 網頁設計 網頁
    全站熱搜
    創作者介紹
    創作者 默默魚 的頭像
    默默魚

    FISHDONTTALK

    默默魚 發表在 痞客邦 留言(0) 人氣()