CSS网页专题制作侧拉式与下拉式选单制作
文件类型：DOC/Microsoft Word 文件大小：字节
更多搜索：CSS 网页 专题 制作 拉式与 下拉 选单 制作
CSS网页专题制作—侧拉式与下拉式选单制作
制作纯CSS下拉选单的步骤:
0. 利用项目清单完成下列内容排版
1. 在DreamWeaver中输入以下HTML语法
Top sites all CSS developers should know about
Wrox P2P
Beginning CSS: Cascading Style Sheets for Web Design
CSS
HTML Code Clinic
Mozilla
Firefox
Thunderbird
Bugzilla
Apple
Safari
Webkit Open Source Project
Surfin Safari
Mac OS X
iTunes
Microsoft
Internet Explorer Blog
Internet Explorer Wiki
W3C
W3C Markup Validation Service
W3C CSS Validation Service
CSS 2.1 Specification
CSS 3
Other
Peter-Paul Koch's Quirksmode.org
Eric A. Meyer
A List Apart
Position is Everything
Anne's Weblog About Markup and Style
Dean Edwards
CSS Zen Garden
2. 存档为drop_down_menu.html
3. 输入下列样式表
body {
font: 14px sans-serif;
margin: 0;
padding: 0;
}
ul.menu a {
color: white;
text-decoration: none;
display: block;
width: 100%;
}
ul.menu,
ul.menu ul {
background: rgb(128, 128, 128);
list-style: none;
padding: 0;
margin: 0;
width: 222px;
}
ul.menu ul {
position: absolute;
top: 0;
left: 222px;
visibility: hidden;
}
ul.menu li {
position: relative;
padding: 2px;
}
ul.menu li:hover {
background: rgb(142, 142, 142);
}
ul.menu li:hover > ul {
visibility: visible;'
}
li.menu > a {
position: relative;
}
li.menu > a > span {
position: absolute;
width: 15px;
height: 15px;
top: 0;
right: 0;
background: url('arrow.png') no-repeat right;
}
4. 将样式表储存为drop_down_menu.css
5. 程式说明:
国立彰师附工九十六学年度 资讯融入教学社区合作研习
CSS网页专题制作—侧拉式与下拉式选单制作
·上一篇：信息系统与企业管理
·下一篇：裁员的大刀砍向谁