當(dāng)前位置：軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > 在按鈕底部顯示文字JS代碼

在按鈕底部顯示文字JS代碼

2012/10/18 10:01:03作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

在按鈕底部顯示文字JS代碼

【實(shí)例描述】

HTML中的標(biāo)準(zhǔn)按鈕，默認(rèn)文字顯示在按鈕的中間，有時(shí)候?yàn)榱私缑娴牟季郑枰O(shè)量按鈕的文字。本例學(xué)習(xí)如何設(shè)置按鈕的文字使其顯示在底部。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)</title>
</head>
<body>
<button style="width:100px; height:100px;padding-top:80px;">看看底部的文字</button>
</body>
</html>

【運(yùn)行效果】

 運(yùn)行效果

【難點(diǎn)剖析】

本例其實(shí)利用的是按鈕控件的樣式表?！皃adding-top”屬性表示文本顯示在按鈕上的位置，此時(shí)一定要注意先沒(méi)置按鈕的高度，然后設(shè)置此屬性。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽： 按鈕  JS代碼