3个回答
展开全部
利用Dreamweaver新建一个html页面，
在body里面输入代码
<ul>
<li>xx</li>
<li>xx</li>
<li>xx</li>
</ul>
编辑li标签的css样式
float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
ul li{ list-style:none;}
ul{ width:500px; border:1px solid red; margin:0 auto; overflow:auto; zoom:1; padding:10px;}
ul li{ width:200px; height:24px; line-height:24px; float:left; background:red; margin-left:20px; display:inline; margin-top:5px; overflow:hidden;}
</style>
</head>
<body>
<ul>
<li>·横向列表1</li>
<li>·横向列表2</li>
<li>·横向列表1</li>
<li>·横向列表2</li>
<li>·横向列表1</li>
<li>·横向列表2</li>
<li>·横向列表1</li>
<li>·横向列表2</li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
ul li{ list-style:none;}
ul{ width:500px; border:1px solid red; margin:0 auto; overflow:auto; zoom:1; padding:10px;}
ul li{ width:200px; height:24px; line-height:24px; float:left; background:red; margin-left:20px; display:inline; margin-top:5px; overflow:hidden;}
</style>
</head>
<body>
<ul>
<li>·横向列表1</li>
<li>·横向列表2</li>
<li>·横向列表1</li>
<li>·横向列表2</li>
<li>·横向列表1</li>
<li>·横向列表2</li>
<li>·横向列表1</li>
<li>·横向列表2</li>
</ul>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
用css控制
<style>
li{float:left}
</style>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li></ul>
<style>
li{float:left}
</style>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li></ul>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
