人民医院网站

最新推荐文章于 2022-05-29 09:17:41 发布

咔蹦咔

最新推荐文章于 2022-05-29 09:17:41 发布

阅读量153

点赞数

本文链接：https://blog.csdn.net/weixin_46422910/article/details/118515956

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>人民医院网站</title>

   </head>
   <style type="text/css">
       main,
       nav,
       header,
       aside,
       section,
       footer {
           position: relative;
           float: left;
           border: 1px solid #6699FF;
           margin: 10px;
           padding: 10px;
           text-align: center;
       }

       main {
           width: 400px;
       }

       header {
           width: 358px;
           height: 16px;
       }

       nav {
           width: 358px;
           height: 20px;
       }

       footer {
           width: 358px;
           height: 16px;
       }

       aside {
           width: 100px;
           height: 110px;
           text-align: left;
       }

       section {
           width: 216px;
           height: 110px;
       }
   </style>
   <body>
       <main>
           <header>人民医院网站</header>
           <nav>首页 | 党建学习 | 医院新闻 | 通知公告 | 网上办公</nav>
           <aside>
               <ul>
                   <li>内科</li>
                   <li>外科</li>
                   <li>妇产科</li>
                   <li>精神科</li>
               </ul>
           </aside>
           <section>
               <ul>
                   <li>张医生坐诊时间周一</li>
                   <li>张医生坐诊时间周一</li>
                   <li>张医生坐诊时间周一</li>
                   <li>张医生坐诊时间周一</li>
               </ul>
           </section>
           <footer>版权所有©软件公司</footer>
       </main>
   </body>
</html>

咔蹦咔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
人民医院网站

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>人民医院网站</title><!-- 各标签如图所示。所有标签相对定位，左浮动，border都为实线,1px,#6699ff。所有标签的外边距为10px，内边距为10px。 main的宽为400px...
复制链接

扫一扫