养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

css当中如何制作并排的图片

时间:2024-10-16 16:39:23

如何用代码制作并排的图片呢,这里我们用css和html来实现这一效果

工具/原料

DW软件

方法/步骤

1、打开dw软件,新建一个文本文档,找到两张图片

css当中如何制作并排的图片

2、用li标签,先把两张图片用代码写出来

css当中如何制作并排的图片

3、然后我们加入css代码,代码如下,注意margin和opacity的属性;

css当中如何制作并排的图片

4、然后我们再给下面的代码上添加上相应的css;

css当中如何制作并排的图片

5、这时看下最终结果。

css当中如何制作并排的图片

6、同理放置3张或更多图片也是可以的。

css当中如何制作并排的图片

© 一点知识