如何设置定义列表dl,并使用css设置其水平排列

html-css011

如何设置定义列表dl,并使用css设置其水平排列,第1张

为dl标签设置浮动即可啊

范例代码如下(在实际开发当中,记得先引入CSS重置文件,此处只给出的是核心功能代码)

<style>

.list {

width: 800px

height: 400px

border: 4px solid black

}

.list dl {

float: left

width: 300px

height: 200px

border: 2px solid red

}

</style>

<div class="list">

<dl>

<dt>自定义列表的标题</dt>

<dd>自定义列表的内容</dd>

</dl>

<dl>

<dt>码匠</dt>

<dd>h5course</dd>

</dl>

</div>

做网页布局之前建议先掌握盒模型、浮动等相关知识。可以借助《HTML5布局之路》等书籍进行系统化的学习。

$(".newItem a").hover(function(){

   $(this).css("color","red")//移入

},function(){

   $(this).css("color","blue")//移出

})

是这样的效果吗?