当前位置: 网站建设 > 网页设计 > 建站经验 >

使用CSS+XHTML制作的下拉菜单(代码)

时间:2013-03-02 03:53来源:未知 作者:admin 点击:

标签:使用CSS+XHTML制作的下拉菜单(代码) 制作(46)使用(77)代码(82)下拉菜单(7)CSS+XHTML(1)局部(3)款式(6)
款式局部: * { margin:0; padding:0; } body { font:12px Verdana, Geneva, sans-serif #444; line-height:1.5; } ul li { list-style:none; } .menu { width:660px, 你究竟要做什么样的网站? ; margin:20px auto; } .menu li { display:inline; float:left
使用CSS+XHTML制作的下拉菜单(代码)》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233N62013.htm

款式局部:


* {
 ,使用CSS 3新技术 完美实现圆角效果;   margin:0;
  ,使用Combres合并对js、css文件的请求; ,你需要了解的21个CSS惊人技巧; padding:0;
}
body {
    font:12px Verdana, Geneva, sans-serif #444;
    line-height:1.5;
}
ul li {
    list-style:none;
}
.menu {
    width:660px,你究竟要做什么样的网站?;
    margin:20px auto;
}
.menu li {
    display:inline;
    float:left;
    margin:0 5px;
    background:#f2f2f2;
    border:1px #39c solid;
    text-align:center;
    font-size:14px;
    font-weight:700;
    line-height:30px;
    cursor:hand;   
}
.tuckUp {
  ,你知道CSS样式中“大于号”的作用吗;  display:inline;
    width:120px;
    height:30px;
    overflow:hidden,你真的了解web标准margin吗;
    background:#f2f2f2;
}
.pullDown{
    display:inline;
    height:auto;
}
.item a:link,你的财宝在哪里 也谈网络时代的业余与专业, .item a:visited {
    display:inline;
    float:left;
    width:110px;
    background:#ccc;
    text-align:center;
    color:#444;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height:25px;
    margin:0 5px 5px 5px;
}
.item a:hover {
    display:inline;
    float:left;
    background:#39c;
  ,你的网站真的值得提高排名吗;  width:100px;
    color:#FFF,你的网站在百度短网址缩短有安全隐患吗?;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:700;
    font-weight:normal;
    line-height:25px,你的网站做到这4点你就成功了;
    padding:0 0 0 10px;
    margin:0 5px 5px 5px;
}
Tag:使用   制作   代码   菜单   使用   制作   代码   菜单   --> [网站建设之]应用CSS+XHTML制造的下拉菜单(代码)

下面为你献上使用CSS+XHTML制作的下拉菜单的代码


(责任编辑:网站建设)
使用CSS+XHTML制作的下拉菜单(代码)相关文章
上一篇:使用CSS 3新技术 完美实现圆角效果 下一篇:使用CSS3实现鼠标悬停动画
回到顶部