文字:字間距 行高 垂直居中 首行縮排 水平排列 垂直對齊 下劃線、上劃線、刪除線 文字陰影
阿新 • • 發佈:2021-10-15
/*字間距 行高 垂直居中 首行縮排 水平排列 垂直對齊 下劃線、上劃線、刪除線 文字陰影*/ div{letter-spacing:50px;}/*文字之間的間距*/ /*垂直居中 行高*/ div{line-height: 40px;}/*設定行高 ,line-height的高度設定成父元素高度相同時就是垂直居中*/ div{line-height: 2;}/*數字不設單位時是字型畫素高度的倍數*/ div{line-height: 200%;} /*首行縮排*/ div{text-indent:2em;}/*首行縮排2個文字,注意用em這個單位,一個漢字長度,也可以用負值,其他塊級別元素也可以縮排,*/ /*水平排列*/ div{text-align:center;}/*文字水平排列居中,還有left,right*/ /*垂直對齊*/ div{vertical-align:sub;}/*垂直下標*/ div{vertical-align:super;}/*垂直上標*/ div{vertical-align:top;}/*頂部對齊*/ div{vertical-align:bottom;}/*底部對齊*/ div{vertical-align:middle;}/*垂直居中對齊,注意是多個元素大小不一時可以看出效果*/ /*下劃線、上劃線、刪除線*/ div{text-decoration: underline;}/*下劃線*/ div{text-decoration: overline;}/*上劃線*/ div{text-decoration: line-through;}/*刪除線*/ /*文字陰影*/ div{text-shadow: 4px 6px 10px red ;font-size: 60px;}/*水平,垂直,羽化模糊,陰影顏色*/