1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltimg标签中，加入样式代码style=quotfloatrightquot3浏览器运行indexhtml页面，此时图片被放在html中的右边了。

首先创建一个大的div包含起来，然后设置宽和高，之后使用img标签将图片引入，然后设置图片的宽和高，也可以设置图片的float属性浮动属性。

1首先要排列的四张照片放置到同一个文件夹中，并打开电脑中运行html的软件2其次点击界面中的文件编辑栏，选择排列，点击浮点排列3最后在弹出的页面中，点击四张图片，并将排列行数设定为两行即可。

在html中实现图片排版的方法1在敲代码前，先想好结构，最后先在纸上画出一个结构在此例中，可以将其分为一个整体的三部分，上左右部分，最上方为标题栏，下面左侧可以放置图片，右侧是文字搭配然后我们打开DW。

ltstyle type=quottextcssquot html，body，ul margin0 padding0 li liststyle piclist width500px height500px margin200px auto piclist li width100px height100px floatleft。

第一种方法 添加一个DIV，采用绝对定位，图片所属DIV为基准 ltdiv style=quotpositionrelativewidth100pxheight100pxquot ltimg src=quotquot alt=quotquot ltdiv style=quotpositionabsolutewidth100pxheight100pxz。

一是用表格元素，对每张图片进行定位lttablelttr lttdltimg src=pic1jpg border=0lttd lttdltimg src=pic2jpg border=0lttd lttrlttable 二使用有序列表ltliltli列表，通过自定义样式实现。

这个简单啊，直接在html中使用多个img标签导入多个图片即可，因为img是行内元素，只要外盒子的宽足够，那么导入的图片就会是一排。

ltdiv class=quotimgboxquot ltimg src=quotquotltimg src=quotquotltdiv代码如上所示，图片默认是竖直排列，你想要的应该是水平横排列，只需要在css中添加如下样式 imgboxoverflowhiddenimgbox imgfloatleft其中第一个。

这个应该是比较好弄的你让它们都floatleft了是吧你知道float这个样式就好说多了你可以把中间那三个图片放到一个ltdiv里，把最左边和最右边那个图片也分别放到ltdiv里，之后给这三个DIV加floatleft应该就好了如。

并排放置的方法有很多简单的可以考虑直接放置2张图片，因为img是内联元素也可以考虑用table实现，在2个单元格当中放置图片，并设置垂直对齐方式如果使用css样式实现，可以考虑用float，flex，grid等排列方式。

第一步，使用JS点击事件，点击其中一张，改变其它图片的样式 第二步，要让图片呈现灰色，在样式中加入滤镜。

1新建html文档2书写hmtl代码 lt！ 横向排列 ， ltdiv id=quotnavquot，ltdiv id=quotbox1quot1ltdiv，ltdiv id=quotbox2quot2ltdiv，ltdiv id=quotbox3quot3ltdiv，ltdiv3初始化css代码ltstyle。

红的是背景图，黑的导航栏部分根本不是图片，就一个背景色先去看点入门教程练会了再动手吧，骚年ltheader id=quottopquot lthgroup lth1XX的博客lth1 lth2旅游感悟lth2 lthgroupltheaderlt。

6在css标签内，设置图片的的大小，宽度为280px，高度为200px，为了使用图片水平排列，需要使用float属性设置图片浮动的统一方向，例如，这里设置统一浮动向左7在浏览器打开testhtml文件，查看图片水平排列的效果。

1可以使用backgroundposition属性设置图片位置，具体的方法是，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签2然后设置body的样式，给body加一张图片，设置为不重复，设置backgroundposition属性。

把图片调小，然后设置backgroundrepeat repeat或者直接在css里设置背景图的大小backgroundsize50%这样背景图片就可以排成两列 了。

2为了展示隐藏图片后的效果，在img标签的外部使用div标签，同时设置div标签的class属性为mydiv3在testhtml文件内，编写ltstyle type=quottextcssquotltstyle标签，页面的css样式将写在该标签内4在css标签内，设置。