CSS學(xué)習(xí)筆記(八)--輪廓

輪廓(outline)是繪制于元素周?chē)囊粭l線,位于邊框邊緣的外圍,可起到突出元素的作用。
CSS outline 屬性規(guī)定元素輪廓的樣式、顏色和寬度。

  1. 顏色
    utline-color:#00ff00;
  2. 樣式
p.dotted {outline-style: dotted}
p.dashed {outline-style: dashed}
p.solid {outline-style: solid}
p.double {outline-style: double}
p.groove {outline-style: groove}
p.ridge {outline-style: ridge}
p.inset {outline-style: inset}
p.outset {outline-style: outset}
  1. 寬度
    outline-width:thin; outline-width:3px;

  2. outline設(shè)置所有的輪廓屬性
    outline:#00ff00 dotted thick;

最后編輯于
?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 一:CSS輪廓## 輪廓(outline)是繪制于元素周?chē)囊粭l線,位于邊框邊緣的外圍,可起到突出元素的作用。 C...
    朝槿123閱讀 502評(píng)論 0 1
  • 復(fù)習(xí)完CSS后總結(jié)一下,首先看一下CSS的一個(gè)體系結(jié)構(gòu)圖: 大體上分為這八個(gè)部分,參考一下vivijind的css...
    蘇敏閱讀 714評(píng)論 0 3
  • 1.CSS 邊框?qū)傩訡SS邊框?qū)傩栽试S你指定一個(gè)元素邊框的樣式和顏色。 邊框樣式邊框樣式屬性指定要顯示什么樣的邊界...
    價(jià)值投機(jī)168閱讀 467評(píng)論 0 1
  • 人生不如意之事十之八九,若凡事都可隨心所欲,又凡事皆能使人心滿意足,那每個(gè)人又何來(lái)如此多的困苦。倉(cāng)央嘉措說(shuō)“世間安...
    Infinity999閱讀 140評(píng)論 0 0
  • 67天啦 心情比較清淡,沒(méi)有坎坎坷坷。 加油,愛(ài)運(yùn)動(dòng)的自己。
    長(zhǎng)不大的自己閱讀 219評(píng)論 0 1

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