導航:首頁 > 萬維百科 > css網頁設計模板

css網頁設計模板

 發布時間：2020-12-28 11:35:13

1、急求一份html、css、JavaScript的一個個人網頁設計模板代碼

這個網上的模板也很多，如果要作為期末作品的話建議還是自己做，那些模板一看就能看出來。製作也不難的。

2、求用css和div製作個人博客的網頁模板？

熟悉前端的可以自己製作，也可到網上下載別人參考修改。css+div製作個人博客的網頁模板地址lmlblog.com/blog/1/，喜歡的可以自己修改，也可以自己學習製作等

3、求一個網頁製作高手用div+css做一個網頁布局 急 謝謝！！！！！！！！！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>

4、求網頁設計DIV+CSS整站模板免費下載的網址

去mianfeimoban這找找,http://www.mianfeimoban.com/divcss_moban/

5、急求一份html、css、JavaScript的「個人主頁」網頁設計模板代碼。

<!--這個模版來自[最好模版-http://BestMoban.Com],需要更多模版請訪問http://BestMoban.Com-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>┆假想敵┆- 頹廢模板</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
BODY {
SCROLLBAR-FACE-COLOR: #3F2413;
SCROLLBAR-HIGHLIGHT-COLOR: 
#FFFFFF;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #3F2413;
SCROLLBAR-ARROW-COLOR: 
#FFFFFF;
SCROLLBAR-TRACK-COLOR: #3F2413;
SCROLLBAR-DARKSHADOW-COLOR: #3F2413;
background-color: #FFFFFF;
background-image: url(bg.jpg);
}
-->
</style>
</head>

<body>
<div id="Layer1" style="position:absolute; width:1000px; height:628px; z-index:1; left: 0px; top: 0px;">
  <div align="center">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><img src="1.jpg" width="650" height="400" border="0" usemap="#Map2">
      <map name="Map2">
        <area shape="rect" coords="321,379,490,399" href="http://www.jxd88.com/" target="_blank" alt="┆假想敵┆">
        <area shape="rect" coords="196,15,242,43" href="home.htm" target="main1" alt="home">
      </map>
      <map name="Map">
        <area shape="rect" coords="18,196,60,220" href="home.htm" target="main1" alt="home">
      </map>
    </p>
  </div>
</div>
 
<div id="Layer2" style="position:absolute; width:412px; height:295px; z-index:2; left: 382px; top: 203px;">
<iframe src="home.htm" name="main1" width="412" height="295"
 frameborder="0" scrolling="yes" style="border:0px;"allowtransparency="true"></iframe></div>
</body>
</html>

<span style="display:none;">這個模版來自http://BestMoban.Com,更多模版請訪問<a href="http://BestMoban.Com">http://BestMoban.Com</a>&nbsp;<a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a>&nbsp;<a href="http://www.mb8.cn">http://www.mb8.cn</a></span>

6、css可以設計網頁模板的 xml也可以嗎？

樓主表達不清晰:
我這樣理解樓主說的話:"css可以設計網頁,xml也可以設計網頁嗎?"
如果是回這樣,那麼是錯的
css是用答來美化網頁的,xhtml才是用來搭建網頁的,xml也可以用來搭建網頁..
若干年後,你我老後,xml會替換掉xhtml語言,成為編寫網頁的基礎

7、急求DIV CSS自適應布局手機網頁設計的模版

這個模版可以 當你縮小瀏覽器窗口時 可以看到它的樣式的變化 ~~手機也適用

8、div css網頁設計實例?

以發送至您的郵箱

9、怎樣製作CSS模板?請詳細說明

http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
跟我一起玩百度空間教程+090+ (從"零"開始學玩百度空間)

http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html

譚誠工作室: http://hi.baidu.com/tchzx

1.讓你看懂css各個參數http://hi.baidu.com/tchzx/blog/item/1e0453e7c351052eb838200d.html

2.百度空間CSS使用說明http://hi.baidu.com/tchzx/blog/item/b360d33fddd2b0c27c1e714a.html

3.怎樣編寫CSS的! http://hi.baidu.com/tchzx/blog/item/d75fd7a2f36821adcaefd0e1.html

4.CSS代碼解密http://hi.baidu.com/tchzx/blog/item/f106f71f339b06f5e1fe0bfe.html

5.一個CSS的漏洞http://hi.baidu.com/tchzx/blog/item/c1e74cfb9c6c8164024f560d.html

6.增加自定義模塊功能http://hi.baidu.com/tchzx/blog/item/c207c91b9f69d7faae513303.html

7.更換主體及文章的背景http://hi.baidu.com/tchzx/blog/item/f7b0d609ad57ba82d0581b15.html

8.透明flash代碼http://hi.baidu.com/tchzx/blog/item/5012e1cd15168a510eb345e3.html

9.百度空間十大寶藏http://hi.baidu.com/tchzx/blog/item/7e3daa6eb9da40da80cb4a62.html

10.製作個性化的標題欄http://hi.baidu.com/tchzx/blog/item/ae077109a6518aaf2fddd434.html

11.看到更多的百度空間http://hi.baidu.com/tchzx/blog/item/dbe16c634f5e47600d33fa07.html

12.百度空間的8個優缺點http://hi.baidu.com/tchzx/blog/item/75d054432e8b9e119213c606.html

13.專欄分割線的代碼修改http://hi.baidu.com/tchzx/blog/item/32c416df0880ac1362279831.html

14.添加自己的LOGO圖片http://hi.baidu.com/tchzx/blog/item/0bee1a9599002e087af48000.html

15.宣傳百度空間的方法http://hi.baidu.com/tchzx/blog/item/a8f9758b7e459512c9fc7a59.html

16.添加多首背景音樂http://hi.baidu.com/tchzx/blog/item/5339282e42b2bd504ec22617.html

17.設置透明背景圖http://hi.baidu.com/tchzx/blog/item/f4cb90dd7fad81345882ddb6.html

18.更改空間的滑鼠樣式http://hi.baidu.com/tchzx/blog/item/50c2c15cc3d17f43faf2c0b6.html

19.在空間里加入滾動條http://hi.baidu.com/tchzx/blog/item/702631d319d09a003bf3cfb6.html

20.透明的背景音樂的播放器http://hi.baidu.com/tchzx/blog/item/97f7b909d38ada246a60fbb6.html

21.透明個性化滾動條http://hi.baidu.com/tchzx/blog/item/3013b5fbeaff41224e4aeab6.html

22.給鏈接添加背景色效果代碼http://hi.baidu.com/tchzx/blog/item/effb6427fc39db03908f9db6.html

23.顯示"點擊給你發消息"怎麼在空間做! http://hi.baidu.com/tchzx/blog/item/62e02f3893d9c524b9998fb6.html

24.去掉文章題目下劃線http://hi.baidu.com/tchzx/blog/item/ce8c044f1019db36aec3abb6.html

25.常用插入圖片位置的代碼http://hi.baidu.com/tchzx/blog/item/83257c89c9b823b30e2444b5.html

26.如何隱藏播放器而不影響音樂播放http://hi.baidu.com/tchzx/blog/item/e4233edbfb147e66d1164eb5.html

27.如何有字體陰影http://hi.baidu.com/tchzx/blog/item/b1d78094e72b511ed31b70b5.html

28.自製閃字空間名稱http://hi.baidu.com/tchzx/blog/item/df49ca114a626b10b8127bb5.html

29.解決回車換兩行的問題http://hi.baidu.com/tchzx/blog/item/b420a086e4fe533e66096eb5.html

30.調整一下行距http://hi.baidu.com/tchzx/blog/item/b8bc514e84b1fd09b2de05b5.html

31.讓空間擁有精美flash背景http://hi.baidu.com/tchzx/blog/item/5fc12af5ea17b525bd3109b5.html

32.讓空間自動彈出對話框！http://hi.baidu.com/tchzx/blog/item/5339282e4cd0b7504ec226b5.html

33.修改blog顯示的文字顏色大小http://hi.baidu.com/tchzx/blog/item/691c36ad2e075a094a36d6b5.html

34.如何讓你的瀏覽器滾動條變色http://hi.baidu.com/tchzx/blog/item/af686238d73fbd2396ddd8b5.html

35.為評論和鏈接加上圖片http://hi.baidu.com/tchzx/blog/item/b2c26759e6c5f82a2934f0b5.html

36.如何在"其它"下面加上圖片http://hi.baidu.com/tchzx/blog/item/6c1f975228ca5e0e0df3e3b5.html

37.百度空間的名稱如何用藝術字？http://hi.baidu.com/tchzx/blog/item/0738f00331678cec09fa93b5.html

38.百度空間文字發光的方法http://hi.baidu.com/tchzx/blog/item/d5b9ff19f8f01a7adbb4bdb5.html

39.文字快速插鏈接http://hi.baidu.com/tchzx/blog/item/ca2b7e3166bd9f19eac4afb5.html

40.空間模塊巧移動http://hi.baidu.com/tchzx/blog/item/b4abaa4b8efb5ff083025cb4.html

41.個性化你的IP顯示，自定義顏色http://hi.baidu.com/tchzx/blog/item/378ed71659cc8718962b43b4.html

42.全透明http://hi.baidu.com/tchzx/blog/item/c12a7a1e97f322f41ad576b4.html

43.空間背景半透明http://hi.baidu.com/tchzx/blog/item/b4e8bda1faf95e8b461064b4.html

44.如何在百度空間的文章標題周圍加花邊圖案？http://hi.baidu.com/tchzx/blog/item/55a6221fbf22fdc8a68669b4.html

45.關於百度空間照片大小限制的問題!!! http://hi.baidu.com/tchzx/blog/item/f7b0d609ab36b082d0581bb4.html

46.如何在百度空間發表文章時插入FLESH動畫？http://hi.baidu.com/tchzx/blog/item/f106f71f32c101f5e1fe0bb4.html

47.怎樣換百度空間的背景http://hi.baidu.com/tchzx/blog/item/c94729dd492b50d98c1029b4.html

48.做分割線的方法http://hi.baidu.com/tchzx/blog/item/f6fbb77e136749380dd7dab4.html

49.在百度空間裡面添加自己的特效http://hi.baidu.com/tchzx/blog/item/69db8044561f364c500ffeb4.html

50.在文章中快速插入圖片http://hi.baidu.com/tchzx/blog/item/437f5eee9b8a79fbb3fb95b4.html

51.添加計數器的兩種方法http://hi.baidu.com/tchzx/blog/item/0731f5d3cecb3ddfa8ec9ab4.html

52.如何在空間頂部加入圖片http://hi.baidu.com/tchzx/blog/item/4b9b8cd437fbab01a08bb7b4.html

53.發表評論框的圖片http://hi.baidu.com/tchzx/blog/item/b4abaa4b8ef45ff083025cab.html

54.改變空間主頁名稱和簡介的字體大小http://hi.baidu.com/tchzx/blog/item/7e3daa6e94237dda80cb4aab.html

55.給超鏈接添加按鈕效果http://hi.baidu.com/tchzx/blog/item/95f73d292412ccfe98250aab.html

56.如何給評論框添加背景http://hi.baidu.com/tchzx/blog/item/c26ece17518b4b09c83d6df9.html

57.Iframe 用法的詳細講解http://hi.baidu.com/tchzx/blog/item/e23e207f172e2b0828388a8e.html

58.背景圖片素材01 http://hi.baidu.com/tchzx/blog/item/bc11d02aa2db092dd52af10f.html

59.圖片素材20060929 http://hi.baidu.com/tchzx/blog/item/6d12563d821675ee3c6d970e.html

60.我的自定義設計 http://hi.baidu.com/tchzx/blog/item/3c6ab5b731ac21f431add193.html

61.CSS滑鼠樣式大全 http://www.hi128.cn/?250/action_viewspace_itemid_37.html

62.跟我一起玩百度空間的音樂和視頻+ http://hi.baidu.com/tchzx/blog/item/398833a85082a0b1ca130c21.html

63.為<好友列表>增加一個滾動條 http://hi.baidu.com/tchzx/blog/item/b54a0bf4d32be5ef7709d70b.html

64.空間模塊巧移動 + 文字快速插鏈接 http://hi.baidu.com/tchzx/blog/item/d6369b82c9d0e2bf6d811914.html

65.怎麼去掉百度空間里模塊的框框！http://hi.baidu.com/tchzx/blog/item/5012e1cd2f64b0510eb345b1.html

66.基本顏色代碼+ http://hi.baidu.com/tchzx/blog/item/e3f0317aa7d065ed2f73b329.html

67.在你的空間中加入幽默元素.. http://hi.baidu.com/tchzx/blog/item/5612858b86b287d3fc1f10f0.html

68.百度空間吧[精品]貼+ http://hi.baidu.com/tchzx/blog/item/06cf65d06bb7be8fa1ec9cf9.html

69.如何在博客上---中--下加入圖片（時鍾）http://hi.baidu.com/tchzx/blog/item/8e2cb0452fc7b226cefca333.html

72.教你10個你未必知道的CSS技巧! http://hi.baidu.com/tchzx/blog/item/ee3cb41c0680918b86d6b60e.html

73.用CSS進行百度空間樣式設計! http://hi.baidu.com/tchzx/blog/item/f7b0d609a75eac82d0581b0c.html

74.百度空間自動友情鏈接 http://hi.baidu.com/tchzx/blog/item/f235a64477276882b2b7dc98.html

75.一起玩百度空間幫助 http://hi.baidu.com/tchzx/blog/item/e4233edbfee96366d0164e98.html

76.一起玩百度空間榜單 http://hi.baidu.com/tchzx/blog/item/5173043b98a1f8ea15cecb99.html

77.點對點宣傳百度空間 http://hi.baidu.com/tchzx/blog/item/e859cc13444c3823dc540164.html

78.百度空間常見27+問題 http://hi.baidu.com/tchzx/blog/item/9636b38f8c02a5eef11f365a.html

79.怎樣讓百度、Google搜到你的博客 http://hi.baidu.com/tchzx/blog/item/3c6ab5b70df03df430add15f.html

80.如何加上一個個性時間網頁上？http://hi.baidu.com/tchzx/blog/item/f467a7ec9522603d279791a5.html

81.教你怎樣讓背景自動更新,包括頭背景 http://hi.baidu.com/tchzx/blog/item/92eb968f3bd93afa503d927a.html

82.在 CSS 中關於字體處理效果的思考 http://hi.baidu.com/tchzx/blog/item/4ac6be3876097ac2d4622526.html

83.如何置頂文章及美化自定意模塊! http://hi.baidu.com/tchzx/blog/item/6c1f97523edf440e0df3e382.html

84.如何美化頁眉部分 http://hi.baidu.com/tchzx/blog/item/d6f1ecc4d2bb75a98326ac83.html

85.更換背景及滾動軸顏色和空間半透代碼 http://hi.baidu.com/tchzx/blog/item/4dd018306adb8e99a8018e8c.html

86.如何設置標題.簡介及文章字體為光暈字 http://hi.baidu.com/tchzx/blog/item/55a6221f8acae6c8a786698c.html

87.用CSS來控制網頁背景 http://hi.baidu.com/tchzx/blog/item/cce94b08ec6526950b7b8228.html

88.CSS產生的特殊效果 http://hi.baidu.com/tchzx/blog/item/e763a11ebdb7c61f40341728.html

89.用Css控制IE5.5瀏覽器中滾動條 http://hi.baidu.com/tchzx/blog/item/4dd0183097408399a8018e29.html

90.css語法(百度空間) http://hi.baidu.com/tchzx/blog/item/e5e21ed8ac5b8a3532fa1c29.html
參考資料：http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html

10、html網頁設計：一個簡單的登錄界面代碼！

是這樣的效果嗎？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

與css網頁設計模板相關的知識