Dreamweaver简单排版设计-HOT图标(dreamweaver图片排版)

皇甫辰善
导读 大家好,小问来为大家解答以上问题。Dreamweaver简单排版设计-HOT图标,dreamweaver图片排版这个很多人还不知道,现在让我们一起来看看吧!1...

大家好,小问来为大家解答以上问题。Dreamweaver简单排版设计-HOT图标,dreamweaver图片排版这个很多人还不知道,现在让我们一起来看看吧!

1、 在商场里,经常可以在一些图片的右上角看到热门款式。下面我们将以代码的形式来制作它们。

2、 打开Dreamweaver软件并创建一个新的html文件。

3、 然后在正文中创建一个div标签,然后在div中创建一个Img图片标签和一个text标签h1。

4、 设置div的宽度,然后将其居中对齐,并设置相对位置。

5、 将图片的宽度设置为100%;

6、 设置h1标签属性,如下图所示

7、 H1设置绝对定位和方向,最终效果如下图所示:

以上就是【Dreamweaver简单排版设计-HOT图标,dreamweaver图片排版】相关内容。

标签:

免责声明:本文由用户上传,如有侵权请联系删除!