ul标签nav使用

  .mark-nav {list-style: none;}
  .mark-nav > li :hover {background-color: #F5FAFB;}
  .mark-nav > li > a {text-decoration: none; font-size: 15px;color:#65C7F7}

<html>
 <head></head>
 <body>
  <ul class="mark-nav">
   <li> <a href="#" style="color: red">test1</a> </li>
   <li> <a href="#">test2</a> </li>
   <li> <a href="#">test3</a> </li>
  </ul>
 </body>
</html>

ul标签list-style,定义li的项目符号

a标签text-decoration,定义默认的下划线样式

时间： 2024-10-15 09:03:03

ul标签nav使用的相关文章

#nav li:hover ul 与#nav li a:hover ul 的区别

#nav li:hover ul 与#nav li a:hover ul 有什么区别? ──────────────────────────────────────────── #nav li:hover ul 与#nav li a:hover ul 的区别在于前者是鼠标在li上时的ul的样式后者是鼠标在li的a上时的ul的样式 ──────────────────────────────────────────── 这个问题还要考虑浏览器. css1.1 里 :hover 伪类只能用在 a

使用js设置ul标签的显示或隐藏和超链接调用js文件的方法

<ul class="nav" id="rm" style='display:none'> <li> <a href='#' onclick='Repayment()' >还款信息</a></li> </ul> document.getElementById("rm").style.display="none"

UL标签的padding与margin默认值 40px

UL标签的padding与margin默认值 ul标签在FF中默认只有padding值(即:padding-left:40px),而在IE中只默认有margin值(即:margin-left:40px),所以先定义 ul{margin:0;padding:0;}就能解决大部分问题. 一般都在总样式规定一下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,t

HTML——b i del a p img h1 h2 h3 h4 h5 h6 hr ol ul 标签的使用方法详解

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>

HTML标签：无序HTML列表<ul></ul>标签

一.ul和li标签示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib

<ul>标签设计简单导航栏

当我们刚开始学习html/css的时候,对于padding .float.行内元素.块级元素用起来可能会混淆,但是呢我们可以通过一个简单的nav案例来清楚各自具体作用. 1.首先我们创建一个大的容器,用来固定我们的nav在屏幕上展示我们给它设置一个宽度和背景色. 2.我们设置nav的<div>标签属性,并让他依据它的父元素container给它居中显示. 这里的nav我们给它一个width和height. 3.我们再设置<ul>的属性,因为它是nav里面文字总的一个宽度,我们对它

<ul><li></li></ul>标签问题

如题,我想用<ul><li></ul></li>标签实现select那种效果,请问要怎么实现? 就是比如这样 XML/HTML code? 1 2 3 4 5 <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> 当我选中的是张三时后台获取的是001这个值,选中李四时获取的是002这个值,选中王五时获

ul标签在容器内如何使margin属性生效

ul在IE下具有默认Margin-left属性,在FF下具有默认Padding-left属性只有ul根在某个元素之后或者之前相应Margin才能体现出来,如果ul在某个容器内且容器内只有此ul,则不能体现ul的Margin-top属性. 方法: 1.给外层窗口加边框(测试应该在容器里的仅有唯一内容 ul 的情况下有效) 2.让 ul 元素浮动 3.给 ul 元素套样式 overflow:hidden;

html之ul标签

html之无序列表,建议使用样式来定义列表的类型. 通常和li配对使用可选属性: type:disc 圆点,circle圆圈,square方块 compact:显示效果比正常更小巧 <body> <ul type="circle" compact="compact"> <li>我是第1个</li> <li>我是第2个</li> <li>我是第3个</li> <li