CSS边框简单应用

Original 2019-04-02 12:46:09 202
abstract:<!DOCTYPE html ><html><head>  <meta charset="utf-8">  <title>员工信息管理系统</title>  <link rel="shortcut icon" type="image/x-ic
<!DOCTYPE html >
<html>
<head>
  <meta charset="utf-8">
  <title>员工信息管理系统</title>
  <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
  <link rel="stylesheet" type="text/css" href="css/index.css">

  <style type="text/css">
    *{padding:0px; margin:0px;}
    p{color:red;}
    span{padding:20px 30px; background: red;}
    div{background: pink;}
    .box{width:100px; height:100px; /*border:1px solid #ccc;*/border-top: 1px solid red;border-radius: 10px; }
    button{border: none;}
    .shadow{width: 300px; height:40px;box-shadow: 10px 5px 3px red;border: 1px solid #ccc;}
  </style>
</head>


<body>
  <p>大家好,我是皮卡丘</p>
  <span>php中文网</span>
  <div class="box"></div>
  <button>anniu</button>
  <div class="shadow">Shadow</div>
</body>
</html>


Correcting teacher:查无此人Correction time:2019-04-03 13:22:44
Teacher's summary:完成的不错。css需要多练习,可以做一些常用的css,每次使用就不需要重新写了。继续加油

Release Notes

Popular Entries