前兩天有一個原來的同事問我文字描邊怎麼做,那麼今天我們就來說說文字描邊這個樣式怎麼實現.

一.文字描邊

-webkit-text-stroke 文字描邊
參數:
參數1 描邊大小
參數2 描邊顏色
   
註意: webkit內核有效 只能使用在谷歌 ,safir有效

二.實例
 

上圖的效果我們怎樣來實現呢?

那我們來看一下具體代碼:

HTML:

<p>我最親愛的,你過得怎麼樣?沒我的日子,你別來無恙.</p>

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

其實文字描邊很簡單,在給樣式的時候註意你給的樣式順序,以及大小,以達到目的為基準就可以了.樣式並不可怕,可怕的是你的粗心大意