css阴影效果

很简单,直接上案例,里面有注释说明

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    	.one
    	{
    		font-size:50px;
    		/*text-shadow参数:水平 垂直 模糊强度 阴影颜色; 水平 垂直两个参数的值可以用正值或负值*/
    		text-shadow:2px 2px 2px #666;	
    	}	
    	.two
    	{
    		font-size:50px;
    		/*中间加,号后,可以进行多层阴影效果*/
    		text-shadow:2px 2px 2px #666,-2px -2px 2px blue;	
    	}	
    </style>
</head>
<body>
<div class="one">
	文字阴影效果
</div>	
<div class="two">
	多种阴影效果结合
</div>	
	
</body> 
</html>

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND