- 最後登錄
- 2022-5-7
- 在線時間
- 1 小時
- 註冊時間
- 2014-10-7
- 閱讀權限
- 20
- 精華
- 0
- UID
- 14915321
- 帖子
- 189
- 積分
- 118 點
- 潛水值
- 6980 米
| 本帖最後由 chengpocheng 於 2016-6-15 04:18 PM 編輯
- <html>
- <head>
- <title>111111</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <style>
- body{
- background-image:url('image/mflhh.jpg');
- background-size: cover;
- background-repeat:no-repeat;
- background-position:center;
- }
- ul{
- list-style: none;
- }
- ul.rounded {
- width: 649px;
- margin: 0px;
- padding: 0px;
- background: space;
- }
- ul.rounded li {
- color: darkviolet;
- height: 30px;
- display: block;
- margin: 0 0 1px;
- padding: 0px 50px;
- background: space;
- float: left;
- position: relative;
-
- }
- ul.rounded li:hover {
- color: white;
- background: white;
- background-color: cadetblue;
- display: block;
- transition: 1s;
- }
- ul.rounded li a
- {
- display: block;
- white-space: nowrap;
- line-height: 30px;
- width: 100%;
- text-align: center;
- }
-
- ul.rounded li ul
- {
- display: none;
- }
- ul.rounded li:hover ul
- {
- display: block;
- position: absolute;
- top: 100%;
- width: 100%;
- right: 0px;
- }
- li:hover li
- {
- float: none;
- }
- </style>
- </head>
- <body>
- <div id="a">
- <ul class="rounded">
- <li><a href="http://localhost:8383/2016.6/index.html">Home</a></li>
- <li>個人簡介</li>
- <li>我的興趣
- <li>暑期計畫
- <ul>
- <li><a href="http://www.gamer.com.tw/">英文</a></li>
- <li><a href="http://www.gamer.com.tw/">駕照</a></li>
- <li><a href="http://www.gamer.com.tw/">英雄聯盟</a></li>
- <li><a href="http://www.gamer.com.tw/">規律作息</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </body>
- </html>
複製代碼
剩下你自己調囉,附上結果圖
... |
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊 |