前兩天有一個(gè)原來(lái)的同事問(wèn)我文字描邊怎么做,那么今天我們就來(lái)說(shuō)說(shuō)文字描邊這個(gè)樣式怎么實(shí)現(xiàn).

一.文字描邊

-webkit-text-stroke 文字描邊
參數(shù):
參數(shù)1 描邊大小
參數(shù)2 描邊顏色
   
注意: webkit內(nèi)核有效 只能使用在谷歌 ,safir有效

二.實(shí)例
 

上圖的效果我們?cè)鯓觼?lái)實(shí)現(xiàn)呢?

那我們來(lái)看一下具體代碼:

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);   /*文本陰影*/ 
  } 

其實(shí)文字描邊很簡(jiǎn)單,在給樣式的時(shí)候注意你給的樣式順序,以及大小,以達(dá)到目的為基準(zhǔn)就可以了.樣式并不可怕,可怕的是你的粗心大意