【CSS】6-css阴影样式
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>