用CSS来设置网页当中的边框

Original 2019-02-14 12:57:47 298
abstract:跟着老师视频做的一个css边框小练习<!DOCTYPE>    <html>    <head>    <meta charset="utf-8">    <title> css——边框   </title> &nbs

跟着老师视频做的一个css边框小练习


<!DOCTYPE>    

<html>    

<head>    

<meta charset="utf-8">    

<title> css——边框   </title>    

<style type="text/css">    

.box{width:100px;height:100px;border:1px solid #ccc;border-radius:20px;}    

.main{width:100px;height:100px;border-top: 1px solid red;background:#ccc;}    

.shadow{width:300px;height:40px;box-shadow: 5px 5px #ccc inset;border:1px solid #ccc ;}    

button{border:none;}    

</style>    

</head>    

<body>    

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

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

<button>登录</button>    

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

</body>    

</html>    


Correcting teacher:灭绝师太Correction time:2019-02-14 13:02:22
Teacher's summary:学习到后面,跟着老师上课的例子做练习就不够了,学会找点网页案例练手

Release Notes

Popular Entries