1. 程式人生 > >/// html/css-html-文字-12

/// html/css-html-文字-12

文字裝飾  :css1 2不同 去Mozilla看

style

underline

overline

line-through

1.預設黑色

    text-decoration: underline ;

2.有顏色\形式:

    text-decoration-line:underline;

    text-decoration-color:  red;

    text-decoration-line: dashed;

//行高:line-height  

1.行間距 2.行高

文字下有基準線,上為上劃線,相鄰兩行間距為行間距

line-height:

border:

<span></span>

<span></span>

點第一行 按alt鍵,點第二行,可以依次輸入兩行一樣的<br>換行

50px 第一行也下來了

字母間距和單詞間距

letter-spacing:

word-spacing:

漢字間距 letter

水平和垂直方向的對齊方式

水平:居左 中 右 兩端對齊,預設左

text-align:left right center  左對齊右邊空白大 justify

垂直:預設底部對齊

vertical-align:top middle bottom 還有其他不常用

設定的是圖片怎麼和文字對齊,行高

//文字縮排和陰影

texe-indent:1em/30px; 首行多少空格

text-shadow:10px向右偏移距離  20px向下偏移距離  0模糊程度 red;  大小會和文字大小一起變

17-20