CSS之邊框

建議學習時長: 15分鐘
學習方式:了解

學習目標

  • 知道邊框的寫法

詳細介紹

邊框有如下屬性

  • border-width
  • border-style
  • border-color
  • border
  • border-image
  • border-radius

寫法如:

border: 2px solid #f00;

box-shadow 和 border-radius 配合,可以做內圓角

background: tan;
border-radius: .8em;
padding: 1em;
box-shadow: 0 0 0 .6em #655;
outline: .6em solid #655;

border-radius

用 border-radius 做的各種形狀好玩的按鈕, 見[BonBon:Sweet CSS3 Buttons](http://simurai.com/
archive/buttons)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,658評論 0 7
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,339評論 0 11
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 1,806評論 0 2
  • 各種純css圖標 CSS3可以實現很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,700評論 0 8
  • 【日精進打卡第17天】: 姓名:余成杰 公司:貞觀電器 盛和塾《六項精進》224期學員 【知-學習】 《六項精進》...
    余成杰閱讀 105評論 0 0