首页 > 代码库 > CSS3 利用 text-shadow 实现文字描边效果

CSS3 利用 text-shadow 实现文字描边效果

实现效果:

 

效果代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

 

<style>

 

h2{color:#fff;text-shadow:1px 0px 0px pink,-1px 0px 0px pink,0px 1px 0px pink,0px -1px 0px pink;}

 

</style>

 

<body>

 

 

<h2>请在IE9以上的版本浏览器我!</h2>

 

</body>

</html>