需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html,填充问题基础代码。
2、其次,在index.html中的按钮标签中,输入样式代码:
style="width: 80pxheight: 40pxbackground-color: #e6b900border: 0pxborder-radius: 3px"
3、浏览器运行index.html页面,此时成功将提交按钮修改为黄色div样式。
1、打开Dreamweaver软件,鼠标左键选择新建【HTML】,在代码窗口上,修改网页title标签,比如表单中添加按钮,如下图所示。
2、接着,在【设计】窗口中,鼠标左键单击菜单【插入】下的【表单】,如下图所示。
3、在【设计】窗口上,左键单击菜单【插入】下的【表单】的【文本域】,并在d出的而窗口中,设置文本的参数,如名称等,如下图所示。
4、接着,左键单击菜单【插入】下的【表单】的【按钮】,如下图所示。
5、然后,在d出的按钮设置窗口上,设置按钮的参数,如按钮的名称等,如下图所示。
6、最后,鼠标左键单击【实时视图】窗口,可以看到制作好的添加按钮的表单,可以在表单中输入文字,单击按钮,查看显示效果,如下图所示。
用a标签模拟按钮即可。如:html:
<a href="你要跳转页面的url" class="btn_a">按钮</a>
CSS:
.btn_a{width:100pxheight:30pxline-height:30pxcolor:#fffbackground-color:#d0af61display:block}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)