按钮练习-阴影按钮

原创 2019-02-15 11:38:14 338
摘要:<!DOCMENT TYPE> <html> <head> <title>按钮练习-阴影按钮</title> </head> <style type="text/css"> *{margin: 0;padding: 0;border: 0;} b
<!DOCMENT TYPE>
<html>
<head>
<title>按钮练习-阴影按钮</title>
</head>
<style type="text/css">
*{margin: 0;padding: 0;border: 0;}
button{width: 300px;height: 50px;margin: 20px auto;background: #F74F52;font-size: 26px;color:#fff;}
button:hover{box-shadow: 0px 5px 50px #fff inset;}
</style>
<body>
<button>阴影按钮</button>
</body>
</html>


批改老师:灭绝师太批改时间:2019-02-15 13:11:14
老师总结:练习的范围可以广一点,练习内容太过于简单哦

发布手记

热门词条