ul li 变成块状选项卡
来源:互联网 发布:郑俊龙 域名 编辑:程序博客网 时间:2024/06/06 01:54
<style type="text/css">
.menu1{ border:1px solid #CCCCCC; height:40px;}
.menu1 ul { margin:0px; list-style:none; padding:0px;}
.menu1 ul li{ float:left; height:40px;line-height:40px;text-align:center; background:#F3F3F3;margin-right:2px;}
.menu1 ul li a{ display: inline-block; text-decoration:none ;font-size:12px; padding:0px 10px;}
.menu1 ul li a:hover{ background:#CC0000; color:#FFFFFF }
.menu2{ border:1px solid #CCCCCC; height:40px;}
.menu2 ul { margin:0px; list-style:none; padding:0px;}
.menu2 ul li{ float:left; height:40px; line-height:40px;width:150px; text-align:center; background:#F3F3F3;margin-right:2px;}
.menu2 ul li a{ display:block; text-decoration:none ;font-size:12px ;
.menu2 ul li a:hover{ background:#CC0000; color:#FFFFFF }
</style>
<p>菜单一不固定宽度</p>
<div class="menu1">
</div>
<p> </p>
<p>菜单二固定宽度</p>
<div class="menu2">
</div>
- ul li 变成块状选项卡
- ul li CSS 样式
- 让ul中的li变成横向排列
- js+div 选项卡
- Nginx configure 选项
- html 中的LI标签
- CSS 实现 LI 鼠标…
- HTML 学习笔记(一)<h1>、<hr />、<p>、<ol><li>、<ul><li>、<dl><dt><dd>、 、<a name="abc">、href="#abc"、mailto
- ul li
- html input disabled 变成框
- div ul li模拟下拉选项(option标签)
- 去掉 ul 前面的小黑点
- SQL Block 输出选项
- CE builder 选项设置
- css防止ul下的li换行(li超出宽度变成…)代码
- html行内元素 和 块状元素 总结
- [转] gcc g++ 常用编译选项
- dropdownlist控件 添加“选项”
- java中移除数组重复项
- 微信开发——测试号申请,接口配置,JS接口安全域名,自定义菜单
- hql语句查询返回List<Map>
- beanutil常用的方法
- 让UL里的li在一行显示
- ul li 变成块状选项卡
- Form表单提交get和post方法区别
- 超炫的js效果
- 获取系统年份
- 跨Iframe执行js函数
- ORA-12518 TNS:监听程序无法分发客…
- 获取网页元素的绝对位置
- 在博客上安放浮动的flash
- js解析json