制作带有阴影效果的按键

原创 2018-12-30 23:56:31 213
摘要:<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>制作按键</title>     
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>制作按键</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/php中文网.jpg">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <style type="text/css">
       button{width:300px;height:60px;/*border:1px dotted #ccc;*/font-size:15px;font-weight:bold;color:blue;background:pink;box-shadow:10px 5px 20px #ccc inset;border-radius:30px;}
        
    </style>
    
</head>
<body>
    <button><i>动物城,举起你们的爪子!!</i></button>
</body>
</html>


批改老师:天蓬老师批改时间:2018-12-31 16:12:50
老师总结:border与margin, padding非常像,但它不是透明的,所以除了宽度外,还有样式和颜色

发布手记

热门词条