CSS 設定或消除邊框外圍輪廓線

2021-09-28 17:03:20 字數 913 閱讀 5712

outline用於設定元素邊框外圍的輪廓線,是乙個綜合性的屬性,可以設定邊框線的顏色、樣式和粗細

屬性:

簡寫形式:

outline

: outline-color outline-style outline-width;

示例:

outline

: red dashed 2px;

在實際的開發過程中很少使用上述的 outline 屬性,多數情況下是消除邊框線:

outline

: none;

/* 清除外邊框 */

input:nth-of-type(2)

/* 逐個設定外邊框樣式 */

input[type="text"]

/* 綜合設定外邊框樣式 */

input[type=""]

placeholder

="預設的輪廓線樣式"

>

/>

/>

placeholder

="清除了邊框輪廓線"

>

/>

/>

type

="text"

placeholder

="逐個設定"

>

/>

/>

type="

" placeholder

="綜合設定"

CSS邊框和外輪廓

css 邊框 css 邊框 border 可以是圍繞元素內容和內邊距的一條或多條線,對於這些線條,您可以自定義它們的樣式 寬度以及顏色。使用css邊框屬性,我們可以建立出比html中更加優秀的效果 邊框寬度 您可以通過 border width 屬性為邊框指定寬度。為邊框指定寬度有兩種方法 可以指定...

CSS輪廓設定

輪廓 outline 是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。設定輪廓樣式 outline style object.style.outlinestyle dotted 值 描述none預設。定義無輪廓。dotted定義點狀的輪廓。dashed定義虛線輪廓。solid定義...

CSS控制邊界 邊框與外輪廓

一 css控制邊界 1 內邊距 padding 內邊距也叫內填充 padding bottom 長度 百分比 元件下端邊線的空隙 padding left 長度 百分比 元件左端邊線的空隙 padding right 長度 百分比 元件右端邊線的空隙 padding top 長度 百分比 元件上端邊...