手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用css3仿造window7的开始菜单
用css3仿造window7的开始菜单
摘要:简明创建过程第一步:创建如下菜单结构MozillaFirefoxa>li>GoogleChromea>li>Safaria>li>Opera...

简明创建过程

第一步 :创建如下菜单结构

<div id="startmenu">
<ul id="programs">
<li><href="#"><img src="firefox-32.png" alt="" />Mozilla Firefoxa>li>
<li><href="#"><img src="chrome.png" alt="" />Google Chromea>li>
<li><href="#"><img src="safari.png" alt="" />Safaria>li>
<li><href="#"><img src="opera.png" alt="" />Operaa>li>
<li><href="#"><img src="ie.png" alt="" />Internet Explorera>li>
<li><href="#"><img src="rss_32.png" alt="" />RSS Feedsa>li>
<li><href="#"><img src="twitter_32.png" alt="" />Twittera>li>
<li><href="#"><img src="delicious_32.png" alt="" />Deliciousa>li>
ul>
<ul id="links">
<li class="icon"><img src="folder.png" alt="" />li>
<li><href="#"><span>Documentsspan>a>li>
<li><href="#"><span>Picturesspan>a>li>
<li><href="#"><span>Musicspan>a>li>
<li><href="#"><span>Computerspan>a>li>
<li><href="#"><span>Networkspan>a>li>
<li><href="#"><span>Connect tospan>a>li>
ul>
div>

【用css3仿造window7的开始菜单】相关文章:

用CSS自定义滚动条的样式

css样式命名规范

用css实现隐藏文本框

纯css实现的下拉菜单只有边框底纹用到图片

css3中圆角和阴影的实验

input的Css样式

css3的图形3d翻转效果应用示例

css代码兼容浏览器技巧总结

用ul、li标签创建css横向导航菜单示例

div中class与id的区别及应用

精品推荐
分类导航