css样式学习作业

原创2019-06-15 23:56:06212
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html课程学习-css-边框-border</title> <link rel="shortcut icon" type="image/X-icon&qu

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>html课程学习-css-边框-border</title>

<link rel="shortcut icon" type="image/X-icon" href="image/logo2.png">

<link rel="stylesheet" type="text/css" href="css/indexp.css">

<style type="text/css">

.box{width: 500px;height: 300px;border: 1px solid #ccc;border-radius: 10px;border-bottom: }

.main{width: 200px;height: 200px;border-top: 10px solid red;background: blue;}

        .shadow{width: 300px;height: 400px;box-shadow:  0px 5px 3px #ccc inset; border: 1px solid red;}



</style>

</head>

<body>

<div class="box"></div>

<div class="main"></div>

<button>登录</button>

<div class="shadow"></div>


</body>

</html>


批改老师:天蓬老师批改时间:2019-06-16 09:32:02
老师总结:你的边框有点美化过度了, 学习可以, 实际工作中, 不必这样的

发布手记

热门词条