<!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) 3、切換到【兩幅】的預覽窗口,打開fireworks的【優化】面板,在【優化】面板中選擇格式爲“Gif”,【索引色調色板】爲“最合適”,【顔色】可以選擇“16”或“8”,這裏選擇的是“8”,效果如下圖所示。 ...查看完整版>>
Fireworks制作水平或垂直的彩條背景(2)
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反跟蹤列表-系統技巧 北京時間2月11日,微軟發布了IE9RC版,該版本的主要改經之一就是提供了反追蹤保護功能,它會給IE9提供一份跟蹤程序列表,並告知哪些需要阻止那些允許通過。 只是微軟並沒有直接提供自定義編輯跟蹤保護列表...查看完整版>>
拒絕跟蹤 自己制作IE9反跟蹤列表-系統技巧
用MMMB2.2漢化破解版制作音樂播放列表一直以來爲6230的音樂播放器制作播放列表都是新手頭痛的問題。在5.24版之前,6230是默認播放根目錄mp3的,小6的Fans還可以將mp3鈴聲放到文件夾中, mp3歌曲放到根目錄,以區分這兩類不同功用的mp3。但在5.24版出來後...查看完整版>>
用MMMB2.2漢化破解版制作音樂播放列表
使用C++Buider制作自繪畫列表框 C++ Builder中的列表框和組合框控件都已經提供了自繪畫接口。使用這些接口可以實現把列表框和組合框中的項目顯示爲圖像。假如把這種功能封裝成組件就更妙了,下面以列表框爲例,示範這一過程。 一 實現原理 ...查看完整版>>
使用C++Buider制作自繪畫列表框