CSS浮动实线横向导航

Original 2019-04-02 14:14:30 258
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">


  <style type="text/css">

    ul li{list-style: none;width:100px;height:40px;line-height:40px;text-align: center;background-color: #ccc;margin:0px 1px;float:left;}

    div{width: 200px ; height:200px; background-color: pink;float:left;}

    .clear{clear:both;}

  </style>

</head>



<body>

  <<ul>

    <li>html</li>

    <li>css</li>

    <li>JS</li>

    <li>jquery</li>

    <li>php</li>

  </ul>

  <div class="clear"></div>

  <div>div1</div>

  <div>div2</div>

  <div>div3</div>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-04-03 13:24:12
Teacher's summary:完成的不错。可以把css样式写成固定的,下次就需要重复写了。继续加油

Release Notes

Popular Entries