css 边框

Original 2019-01-12 15:37:51 258
abstract:<!DOCTYPE html><html lang="zh-cn"><head>   <meta charset="UTF-8">   <title>css 边框</title>   <meta name="vi

<!DOCTYPE html>

<html lang="zh-cn">

<head>

   <meta charset="UTF-8">

   <title>css 边框</title>

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <meta http-equiv="X-UA-Compatible" content="ie=edge">

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

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

   <style>

       *{

           margin: 0;

           padding: 0;

       }

       div{

           width: 100px;

           height: 100px;

       }

       #main{

           

           border-top: 1px solid red;

           border-right: 1px double blue;

           border-bottom: 1px dashed black;

           border-left: 1px dotted orange;

           margin: 20px;

       }

       #circle{

           border: 1px solid #ccc;

           border-radius:50px;

       }

       button{

           width: 100px;

           height: 100px;

           border: none;

       }

       #shadow{

           box-shadow: 0px 4px 20px #ccc inset;

       }

       

   </style>

   <title>08 html标签 表格</title>

</head>

<body>

   <div id="main"></div>

   <div id="circle"></div>

   <button>登录</button>

   <div id="shadow"></div>

</body>

</html>


Correcting teacher:灭绝师太Correction time:2019-01-12 15:48:44
Teacher's summary:测试的比较全面,看到你的代码,应该自学的很多知识点,作业可以在完善一点,比如带点案例!

Release Notes

Popular Entries