定義列表+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=utf-8" />

<meta http-equiv="content-language" content="gb2312" />

<title>dl,dt,dd制作的CSS垂直菜單</title>

<style type="text/css">

body {

font-size: 12px;

margin: 0;

}

#menu dl {

margin: 0 auto;

padding: 0 0 10px 0;

width: 150px;

background: #69c;

}

#menu dt {

margin: 0;

padding: 10px;

background: #69c;

color: #fff;

font-size: 1.4em;

font-weight: bold;

border-bottom: 1px solid #fff;

}

#menu dd {

margin: 0;

padding: 0;

background: #47a;

color: #fff;

font-size: 1em;

border-bottom:1px solid #fff;

}

#gallery a, #gallery a:visited {

display:block;

padding:5px 5px 5px 20px;

width:125px;

background: #47a;

color:#fff;

text-decoration:none;

}

#gallery a:hover {

background: #258;

color:#9cf;

}

</style>

</head>

<body>

<div id="menu">

<dl id="gallery">

<dt>Gallery</dt>

<dd><a href="#" title="Paul Cezanne">Paul Cezanne</a></dd>

<dd><a href="#" title="Henri Matisse">Henri Matisse</a></dd>

<dd><a href="#" title="Vincent van Gogh">Vincent van Gogh</a></dd>

<dd><a href="#" title="William Turner">William Turner</a></dd>

<dd><a href="#" title="John Constable">John Constable</a></dd>

<dd><a href="#" title="Claude Monet">Claude Monet</a></dd>

</dl>

</div>

</body>

</html>

CSS垂直樹形下拉菜單
第一步:建立菜單首先建立菜單架構非常重要,最好的方法是使用ul來建立各菜單內容的從主關系.很複雜麽?其實只要一路寫下去就OK了:以下是引用片段: <ul> <li><a href="#">Home</a></l...查看完整版>>CSS垂直樹形下拉菜單
 
Word中爲常用文檔建立列表菜單
  因工作需要,我常常要查閱相關的法律法規和規範標准,于是我將這些內容分別制作成了Word文檔,同時在Word中建立了一個列表菜單,方便隨時查閱。  1、啓動Word,執行“工具自定義”命令(或者,在工具欄空白處右...查看完整版>>Word中爲常用文檔建立列表菜單
 
菜單定義詳解
  34.2.1 菜單項語法  菜單項由名稱標記、標簽和菜單宏組成(除了Image部分不允許名稱標記)。一個菜單項通常占文件的一行,格式如下:  name_tag label menu_macro  其中各項說明如下:  (1) name_tag:名...查看完整版>>菜單定義詳解
 
Fireworks制作水平或垂直的彩條背景(2)
Fireworks制作水平或垂直的彩條背景(2)
  3、切換到【兩幅】的預覽窗口,打開fireworks的【優化】面板,在【優化】面板中選擇格式爲“Gif”,【索引色調色板】爲“最合適”,【顔色】可以選擇“16”或“8”,這裏選擇的是“8”,效果如下圖所示。    ...查看完整版>>Fireworks制作水平或垂直的彩條背景(2)
 
Fireworks制作水平或垂直的彩條背景(1)
Fireworks制作水平或垂直的彩條背景(1)
  上次我們介紹了用fireworks制作馬賽克方格背景的方法和實例,其實水平或垂直的漸變彩條背景也很好看,有點透明的感覺。  背景和添加前景的效果如下圖所示。    圖示:制作好的顔色條效果    圖示:添加...查看完整版>>Fireworks制作水平或垂直的彩條背景(1)
 
純CSS制作簡潔的垂直網站導航條
CSS代碼以下是引用片段:/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0; } ...查看完整版>>純CSS制作簡潔的垂直網站導航條
 
拒絕跟蹤 自己制作IE9反跟蹤列表-系統技巧
拒絕跟蹤 自己制作IE9反跟蹤列表-系統技巧
  北京時間2月11日,微軟發布了IE9RC版,該版本的主要改經之一就是提供了反追蹤保護功能,它會給IE9提供一份跟蹤程序列表,並告知哪些需要阻止那些允許通過。    只是微軟並沒有直接提供自定義編輯跟蹤保護列表...查看完整版>>拒絕跟蹤 自己制作IE9反跟蹤列表-系統技巧
 
用MMMB2.2漢化破解版制作音樂播放列表
用MMMB2.2漢化破解版制作音樂播放列表
一直以來爲6230的音樂播放器制作播放列表都是新手頭痛的問題。在5.24版之前,6230是默認播放根目錄mp3的,小6的Fans還可以將mp3鈴聲放到文件夾中, mp3歌曲放到根目錄,以區分這兩類不同功用的mp3。但在5.24版出來後...查看完整版>>用MMMB2.2漢化破解版制作音樂播放列表
 
使用C++Buider制作自繪畫列表框
  C++ Builder中的列表框和組合框控件都已經提供了自繪畫接口。使用這些接口可以實現把列表框和組合框中的項目顯示爲圖像。假如把這種功能封裝成組件就更妙了,下面以列表框爲例,示範這一過程。  一 實現原理 ...查看完整版>>使用C++Buider制作自繪畫列表框
 
 
回到王朝網路首頁