ydzf.net
当前位置:首页 >> 如何用CSS制作横向菜单 >>

如何用CSS制作横向菜单

如果是导航菜单可以使用ul无需列表来制作同时使用CSS中的float:left来控制li靠左浮动即可实现横向菜单注意UL或UL的父级容器宽度必须大于所有li宽度的和<style>ul {padding:0;margin:0;list-style:none;width:600px;height:50px;line-height:50px;text

横向排列,设置浮动就可以了,本身带的圆点可以使用list-type:none;

你把它分成3个部分,左中右:中间自适应就可以了.用CSS完美解决.

.nav修改 width:100px;删除 height:30px;.nav ul li:hover ul修改 top:0;修改 left:100px;试一下先

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "二级dropdown弹出菜.menu {font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0;}.menu ul {padding:0; margin:0;list-style-type: none;}.menu ul li {float:left; position:relative;}

一、首先,打开dreamweaver或其它编辑器(注:Ctrl+N 新建) 二、接着,写代码 <!doctype html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><title>横排二级下拉菜单</title><style type="text/css">* {

这是我写的一个导航,你自己看吧.li并列应该定义其float属性为left.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> menu </TITLE></HEAD><style> body{ padding-top:200px; text-align:center

二级菜单导航最主要的还是定位position.理解了定位的用法,就可以使用css来实现简单的菜单效果.对于低版本的浏览器,则可以使用onMouseover来动态控制当前主导航条目的class.

分两步:1.设置ul的宽度为无限大 比如 width:9999px;2.设置ul下的li浮动.float:left;回答完毕.

css制作横排二级下拉菜单,代码如下:<body> <ul id="FM"> <li><a href="#">一级栏目</a> <ul> <li><a href="#">二级菜单</a></li> <li><a href="#">二级菜单</a></li> <li><a href="#">二级菜单</a></li> </ul> </li> <li><a href="#">一

网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com