2012-10-18 来源:网络
【实例名称】
在按钮底部显示文字JS代码
【实例描述】
HTML中的标准按钮,默认文字显示在按钮的中间,有时候为了界面的布局,需要设量按钮的文字。本例学习如何设置按钮的文字使其显示在底部。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> </head> <body> <button style="width:100px; height:100px;padding-top:80px;">看看底部的文字</button> </body> </html>
【运行效果】
【难点剖析】
本例其实利用的是按钮控件的样式表。“padding-top”属性表示文本显示在按钮上的位置,此时一定要注意先没置按钮的高度,然后设置此属性。
【源码下载】