css设置列表项目类型为无

html-css021

css设置列表项目类型为无,第1张

使用sublime_text软件设置,操作步骤如下:

1.首先需要新建一个06.html。2.定义一个html5标准声明。3.输入html网页的结构。4.添加一个ul列表后添加style标签,把列表设为没有格式。5运行网页查看效果

列表项目默认分行排列,那么将列表项设置浮动就可以实现水平放置

li{float:left}

示例如下:

创建Html元素

<ul>

<li>itemlist-1</li>

<li>itemlist-2</li>

<li>itemlist-3</li>

<li>itemlist-4</li>

</ul>

设置css样式

ul{width:500pxheight:50pxline-height:50pxpadding:10px 25pxborder:4px solid #ebcbbe}

li{padding:0 20pxfloat:left}

观察显示效果