CSS 去掉点li 的点 使得LI前面的点不在显示

方法一:
<ul>
     <li style="list-style-type:none;">百度</li>
     <li style="list-style-type:none;">雅虎</li>
     <li style="list-style-type:none;">新浪</li>
     <li style="list-style-type:none;">谷歌</li>
</ul>

方法二:
<style>
li {list-style-type:none;}
</style>
<ul>
     <li>百度</li>
     <li>雅虎</li>
     <li>新浪</li>
     <li>谷歌</li>
</ul>

方法三:
<style>
.li_style {list-style-type:none;}
</style>
<ul>
     <li class="li_style">百度</li>
     <li class="li_style">雅虎</li>
     <li class="li_style">新浪</li>
     <li class="li_style">谷歌</li>
</ul>

时间: 2024-10-17 15:30:14

CSS 去掉点li 的点 使得LI前面的点不在显示的相关文章

css display Display:inline,我们常常在li中使用它。功能是让li排成一排

在一般的CSS布局制作时候,我们常常会用到display对应值有block.none.inline这三个值.下面我们来分别来认识和学习什么时候用什么值.这里通过CSS display知识加实例.图演示讲解方法来学习和了解DIV CSS display. 目录 CSS display使用 display的值有哪些 css display block显示 css display none隐藏 css display inline 一.CSS display使用     -   TOP 以下为DIV

17/9/6 bootstrap.css去掉后引发的样式错乱

最近写的新官网的项目一直都是用的bootstrap的框架,今天的的页面其中一个模块使用的插件和bootstrap冲突,当把bootstrap.css去掉后,页面中的部分样式发生了错乱 主要表现为margin和padding值不好使  ,是因为定位后导致块元素属性消失 position定位 或 浮动 后引起的 解决方法: 该元素添加  display:block

使用 CSS 去掉 iPhone 网页上按钮的默认圆角样式

使用 CSS 去掉 iPhone 网页上按钮的默认圆角样式 使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式. input {-webkit-appearance:none; /*去除input默认样式*/} input[type="submit"], input[type=

js 点击列表li,获得当前li的id

html <ul id="demo"> <li id="li-1">li1</li> <li id="li-2">li2</li> <li id="li-3">li3</li> <li id="li-4">li4</li> <li id="li-5">li5</l

css设置让a标签充满整个li

首先贴一段html代码: <li id="sendText"><a href="#" title="发送文字"></a></li> <li id="mic"><a href="#" title="关闭麦克风"></a></li> <li id="camera">

css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器

解决方法: 1.在css中加上outline:none; 代码如下: a.fontnav { text-align:left;color:#555; text-decoration:none; outline:none} ps: outline:none 只在firefox识别,IE下不支持. 2.在IE下:在html上加" hidefocus=”true” <li class="nav2"><a href="about_webintro.html

CSS 去掉inline-block间隙的几种方法

最近做移动端页面时,经常会用到inline-block元素来布局,但无可避免都会遇到一个问题,就是inline-block元素之间的间隙.这些间隙会导致一些布局上的问题,需要把间隙去掉.对于inline-block元素及去掉间隙的方法,在这里做一个简单的总结. inline-block是什么 inline-block 即内联块,在CSS的元素分类中可以分成三种:行内元素或者内联元素.块级元素.以及内联块元素. 内联块元素具有了内联元素以及块级元素的特性:(1)元素之间可以水平排列 (2)可以当做

ie浏览器下,css 去掉图片之间产生空白行距问题解决

主要是这一行代码img {border:0;vertical-align: bottom;width:100%} <style type="text/css"> html { margin:0; padding:0; border:0; } body,div,span { margin:0; padding:0; border:0; font-size:12px!important;; } img {vertical-align: bottom;width:100%} &l

CSS去掉 a 标签点击后出现的虚线框

方法一: 在a标签里加入js控制,当a标签被聚焦时,强制取消焦点<a href="#" onfocus="this.blur();">测试</a> 方法二: a:focus {  outline:none;   -moz-outline:none;} 方法三: 在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}  方法四: 在a标签里嵌套其他标签,比如sp