- 最後登錄
- 2023-3-4
- 在線時間
- 1 小時
- 註冊時間
- 2008-9-27
- 閱讀權限
- 20
- 精華
- 0
- UID
- 5031647
- 帖子
- 575
- 積分
- 196 點
- 潛水值
- 14681 米
| 若對尊貴或贊助會員有任何疑問,歡迎向我們查詢。我們的即時通或MSN: admin@eyny.com 本帖最後由 ren1244 於 2018-4-19 02:56 AM 編輯
這邊提供另一個作法
由於你的大小都固定了
所以實際上不需要用拼圖的方式
直接把form放到圖片上面就好
下面是我整理過的:
(直接打html跟css,不依賴dw)- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>~歡迎光臨~</title>
- <style type="text/css">
- body{
- margin:0px;
- padding:0px;
- }
- #form1-container{
- display:inline-block;
- position:relative;
- }
- #form1{
- width:100%;
- position:absolute;
- top:107px;
- text-align:center;
- }
- #form1 .label{
- font-family:'標楷體';
- font-weight:bold;
- font-size: 18px;
- color: #9D2CFF;
- }
- </style>
- </head>
- <body>
- <div style="text-align:center;">
- <p> </p>
- <div id="form1-container">
- <img src="images/bg_all.jpg"><br>
- <!-- bg_all.jpg 為完整9張拼起來的圖片 -->
- <form method="POST" name="form1" id="form1">
- <p> </p>
- <p>
- <span class="label">使用者帳號</span>
- <input name="userid" type="text" id="userid" autocomplete="off" size="20">
- </p>
- <p>
- <span class="label">使用者密碼</span>
- <input type="password" id="userpw" name="userpw" size="20">
- </p>
- <p><input type="submit" name="submit" id="submit" value="登入"></p>
- <p><a href="applyid.php">申請帳號</a></p>
- <p><a href="applypw.php">忘記密碼</a></p>
- </form>
- </div>
- </div>
- </body>
- </html>
複製代碼 ... |
|