返回基础小案例01...登陆

基础小案例01

A00A-KAจุ๊บ 2019-08-14 18:09:3311

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

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

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

   <title>浮动</title>

   <style>

     ul li{

         list-style: none;

         width: 100px;

         height: 40px;

         line-height: 40px;

         text-align: center;

         background: #ccc;

         margin: 5px;

         float:left;

     }

     div{

         width: 200px;

         height: 200px;

         background: pink;

         

         

     }

     .clear{

         clear: both;

     }

 

   </style>

</head>

<body>

   <ul>

       <li class="html">html</li>

       <li>css</li>

       <li>javascript</li>

       <li>vue</li>

       <li>php</li>

   </ul>

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

   

   <div>demo1</div>

   <div>demo2</div>

   <div>demo3</div>

   

</body>

</html>


最新手记推荐

• 新闻模块对应模块的代码• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网