订阅Dreamweaver怎么制作banner两侧的按钮
来源：网络收集 点击： 时间：2024-02-19【导读】：
Dreamweaver怎么制作banner两侧的按钮工具/原料moreDreamweaver方法/步骤1/6分步阅读
2/6
3/6
4/6
5/6
6/6
注意事项
准备好一张banner素材，如图，放在img图片库中
2/6打开Dreamweaver软件，ctrl+n新建一个html文件并保存
3/6在body中建立内容构建内容框并设置类名称
div class=banner
img src=img/banner.jpg
input type=button value=左 class=bt_left
input type=button value=右 class=bt_right
/div
在一个大框中包含图片和两个方向键，最后将左右定位到左右位置
4/6在head下加入style标签，对banner设置宽高属性值：
style
.banner{width:1200px;height:300px;margin:0 auto;overflow:hidden;}
.banner img{width:100%;}
/style
5/6对大框banner设置为相对定位，
设置左侧按钮绝对定位，并设置位置
.bt_left{position:absolute;top:50%;left:20px;}
6/6对右侧按钮设置绝对定位，并设置位置
.bt_right{position:absolute;top:50%;right:20px;}
注意事项如果此经验对您有帮助，请为我投票加关注，谢谢大家的支持^_^
软件DREAMWEAVER版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_74672.html
上一篇：男宝宝春秋毛线帽的编织方法
下一篇：视频收藏在手机里在哪里可以找到
