CSS之邊框

建議學(xué)習(xí)時(shí)長(zhǎng): 15分鐘
學(xué)習(xí)方式:了解

學(xué)習(xí)目標(biāo)

  • 知道邊框的寫法

詳細(xì)介紹

邊框有如下屬性

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

寫法如:

border: 2px solid #f00;

box-shadow 和 border-radius 配合,可以做內(nèi)圓角

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

border-radius

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、屬性選擇器:id選擇器 # 通過(guò)id 來(lái)選擇類名選擇器 . 通過(guò)類名來(lái)選擇屬性選擇器 ...
    Yuann閱讀 1,769評(píng)論 0 7
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,460評(píng)論 0 11
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,136評(píng)論 0 2
  • 各種純css圖標(biāo) CSS3可以實(shí)現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,996評(píng)論 0 8
  • 【日精進(jìn)打卡第17天】: 姓名:余成杰 公司:貞觀電器 盛和塾《六項(xiàng)精進(jìn)》224期學(xué)員 【知-學(xué)習(xí)】 《六項(xiàng)精進(jìn)》...
    余成杰閱讀 116評(píng)論 0 0

友情鏈接更多精彩內(nèi)容