CSS筆記 – 文字外框

文字外框:style=”border: red solid 2px; padding: 1px; color: #ffffff; background-color: #3366ff;”

其中 border 屬性可指定三個參數值:border-width,border-style,border-color,無順序之分。

➤➤一般文字:除粗體外,未指定 CSS 附加格式

借問酒家何處有,牧童遙指杏花村

➤➤只有外框的文字
<span style=”border: red solid 2px; padding: 1px;”>文字</span>

借問酒家何處有,牧童遙指杏花村

➤➤有外框、前景色、背景色的文字
<span style=”border: red solid 2px; padding: 1px; color: #ffffff; background-color: #3366ff;”>文字</span>

借問酒家何處有,牧童遙指杏花村

➤➤CSS 邊框樣式 border-style 常用參數表:

語 法 結 果
border-style:
solid;
實 線 框
border-style:
dashed;
虛 線 框
border-style:
double;
雙 線 框
border-style:
dotted;
點 線 框
border-style:
groove;
凹 線 框
border-style:
ridge;
凸 線 框
border-style:
inset;
嵌 入 框
border-style:
outset;
浮 出 框

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *