在CSS排版中怎样把列表前面的点去掉?

html-css080

在CSS排版中怎样把列表前面的点去掉?,第1张

1、用list-style属性就可去掉点。操作方法是首先打开html编辑器,新建一个html文档,里面新建一个无序列表:

2、然后在上方引入style标签,在里面设置样式,这里设置一下背景色和字体方便观察效果,再设置li标签的list-style属性的值为none,设置完保存打开浏览器:

3、最后在浏览器中就可以看到效果了,此时出现的就是没有点的列表了:

用css的浮动属性,float:left

比如代码如下:

<ul>

<li>内容</li>

<li>内容</li>

<li>内容</li>

</ul>

在css里面控制

li{float:left}

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>用html+CSS做表格</title>

<style type="text/css">

ul{padding:0

width:324px/*设置表格宽 */

height:42px/*设置表格高*/

margin:30px

border-top:#000 1px solid/*设置表格上边框*/

border-right:#000 1px solid/*设置表格右边框*/

}

li{ border-left:#000 1px solid/*设置表格左边框*/

border-bottom:#000 1px solid/*设置表格下边框*/

/*设置单元格边框*/

list-style:none/*清除项目列表前的标记*/

float:left/*设置单元格浮动,用于水平排列*/

display:block/*设置单元格为块级元素于用语控制大小等*/

width:80px/*设置单元格宽*/

height:20px/*设置单元格高*/

text-align:center/*设置单元格内文本对齐方式*/

}

</style>

</head>

<body>

<!-- 原理就是利用项目列表的每个项目做出表格中的每个单元格,然后通过设置ul和li的边框达到设置表格的边框效果 -->

<ul>

<li>表格1</li>

<li>表格2</li>

<li>表格3</li>

<li>表格4</li>

<li>表格A</li>

<li>表格B</li>

<li>表格C</li>

<li>表格D</li>

</ul>

</body>

</html>

----希望对你有帮助 ----

-------满意采纳奥-----