6-css阴影样式
1.文字阴影:
text-shadow: x轴偏移量,y轴偏移量,模糊半径,颜色
2.盒子阴影:
box-shadow:x轴偏移量,y轴偏移量,模糊半径,颜色
3.鼠标移入变手型
cursor:pointer;
实例:
<style type="text/css">
#div1 {
width: 300px;
height: 300px;
border: solid 2px green;
margin: 50px auto;
font-size: 30px;
font-weight: bolder;
text-align: center;
line-height: 300px;
/* 文字阴影 */
text-shadow: 20px 10px 6px green;
/* 盒子阴影 */
/* box-shadow: 0px 0px 20px green; */
/* 鼠标移入变手型 */
cursor: pointer;
}
#div1:hover {
box-shadow: 0px 0px 20px green;
}
</style>
</head>
<body>
<div id="div1">
HELLO WORLD
</div>
</body>