导读 大家好,小问来为大家解答以上问题。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图片排版】相关内容。
标签:
免责声明:本文由用户上传,如有侵权请联系删除!