前兩天有一個原來的同事問我文字描邊怎么做,那么今天我們就來說說文字描邊這個樣式怎么實現(xiàn).
-webkit-text-stroke 文字描邊
參數(shù):
參數(shù)1 描邊大小
參數(shù)2 描邊顏色
注意: webkit內(nèi)核有效 只能使用在谷歌 ,safir有效
| -webkit-text-stroke: 1px red; |
| HTML結構 CSS樣式 字體樣式 字體顏色 文字描本陰影 |
那我們來看一下具體代碼:
p{
font-size: 45px; /*字體大小*/
font-weight: 700; /*字體加粗*/
font-family: '華文行楷'; /*字體樣式*/
text-align: center;
color: #fff;
-webkit-text-stroke: 1px pink; /*字體描邊 1px的描邊大小 粉色*/
text-shadow: 5px 5px 5px rgba(211,211,211,0.6); /*文本陰影*/
}
其實文字描邊很簡單,在給樣式的時候注意你給的樣式順序,以及大小,以達到目的為基準就可以了.樣式并不可怕,可怕的是你的粗心大意
