標籤：color 技術分享 blog copyright 網站製作 nbsp ajax 製作 one
先上
前端的代碼並沒有想象的那麼艱難。這個介面雖然還是有點挫，但是至少架構已經會搭建了。放個鞭炮，放個鞭炮
首先是html代碼：
<!DOCTYPE html><html><head> <title>2-6</title> <link rel="stylesheet" type="text/css" href="div.css"> <link rel="stylesheet" type="text/css" href="css.css"></head><body> <div id="box"> <div id="top"> <ul> <li>首頁</li> <li>工作介紹</li> <li>公司簡介</li> <li>論壇社區</li> <li>連絡方式</li> </ul> </div> <div id="top2"> <img src="../images/2402.png"> </div> <div id="main"> <div id="left"> <img src="../images/2403.png"> <p class="front"> 這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹 </p> </div> <div id="main"> <img src="../images/2404.png"> <p class="front"> 這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹 </p> </div> <div id="right"> <img src="../images/2405.png"> <p class="front"> 這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹這裡應該有文字介紹 </p> </div> </div> <div id="bottom"><br> 點點互動<span>│</span>著作權<span>│</span>網站建設<span>│</span>網站製作<span>│</span>網站設計<span>│</span>網頁設計<span>│</span>網站推廣<br /> 業務專用郵箱：[email protected] 聯絡電話：010-89888888 010-00000000 <br /> Copyright © 2009 sky-ncw.com. All Right Reserved V2.0 </div> </div></body></html>View Code
然後是css代碼
#box{ width: 100%; height: 900px; background-image: url(../images/2401.jpg); background-repeat: no-repeat;}#top{ padding-top: 1px; margin-left: 283px; width: 550px; height: 20px; font-size: 16px; font-family: "微軟雅黑"; color: #fff;}#top li{ width: 100px; text-align: center; float: left; list-style-type: none;}#top2{ width: 640px; height: 340px; margin: 20px 0px 0px 205px; font-size: 15px; font-family: "宋體"; color: #379b99; line-height: 22px;}#main{ width: 830px; height: 390px; margin-left: 95px;}#main #left{ width: 234px; height: 320px; margin-top: 35px; margin-left: 40px; float: left; line-height: 20px;}#main #main{ width: 234px; height: 320px; margin-left:40px; margin-top: 35px; float: left; line-height: 20px;}#main #right{ width:234px; height: 320px; margin-top: 35px; margin-left: 40px; float: left; line-height: 20px;}.front{ font-size: 15px; font-family: "楷體"; line-height: 30px; color: #89b601;}#bottom{ width: 100%; height: 100px; background-image: url(../images/2406.png); background-repeat: repeat-x; color: #000; text-align: center; line-height: 20px;}#bottom span{ margin: 0px 6px 0px 6px}View Code
希望能夠在下周五之前把ajax看完。fighting。
最近心情很挫，根本不想學習。
昨天光棍節，跟我同學聊了一會，搞的我心情更挫了。。。。
我是程式員，我給自己帶鹽。
第一個網站前端
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
