这是一个Css测试环节

原创 2018-11-12 14:15:23 195
摘要:<!DOCTYPE html> <html> <head>     <meta charset="UTF-8" />     <title>这是CSS一个测试页</title>  &nbs
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>这是CSS一个测试页</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/logo1.png" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <style type="text/css">
        p{font-size:20px;}
        #box{width:200px;height:200px;border-bottom: 1px dotted #CCC;background:#ffff00;border-radius:10px;margin-bottom:2px;}
        .shadow{width:200px;height:200px;box-shadow:0px 20px #ccc; background:#ccffcc;}
    </style>
</head>
<body>

<div id="box"></div>
<div class="shadow"></div>
</body>
</html>


批改老师:灭绝师太批改时间:2018-11-12 14:22:18
老师总结:边框样式比较简单,可以多多测试呀……案例可以找一些网站上的漂亮小模块做做,不一定是上课代码呦

发布手记

热门词条