用div+css实现两张图片的水平排列

html-css09

用div+css实现两张图片的水平排列,第1张

<div style="margin:0 autowidth:200px">

<div style="float:leftwidth:100px">

这里放图片一

</div>

<div style="float:rightwidth:100px">

这里放图片二

</div>

</div>

当然用UL LI比较正规点

但是按照你写的来定义CSS这样就可以了

1、新建html文档。

2、书写hmtl代码。 <!-- 横向排列 -->  ,  <div id="nav">,<div id="box1">1</div>,<div id="box2">2</div>,<div id="box3">3</div>,</div>。

3、初始化css代码。<style>*{margin:0padding:0font-size:12pxfont-family:'Microsoft YaHei'},  </style>。

4、书写总体的css代码。

5、代码整体结构。

6、查看效果。