欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

html中button標簽的樣式如何設(shè)置

小編給大家分享一下html中button標簽的樣式如何設(shè)置，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司一直秉承“誠信做人，踏實做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！專注中小微企業(yè)官網(wǎng)定制，網(wǎng)站制作、成都做網(wǎng)站，塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。

                                                           本篇文章主要的介紹了關(guān)于HTML button標簽的樣式設(shè)置，還有關(guān)于HTML button標簽的美化樣式介紹，接下來就讓我們一起來閱讀本篇文章吧

首先我們先介紹HTML中的button標簽的樣式設(shè)置：

普通按鈕設(shè)置：

把input元素的type屬性設(shè)置為“button”，可以創(chuàng)建普通按鈕。按鈕上顯示的文本是value屬性的值，如果沒有提供value屬性，則只創(chuàng)建一個空按鈕。如：

<input type="button" value="立即購買">

html中button標簽的樣式如何設(shè)置

效果很明顯，這是默認普通按鈕的設(shè)置。

默認情況下，在普通按鈕上點擊，是沒有任何反應(yīng)的。因此，需要為普通按鈕注冊事件，并手動編寫相應(yīng)的處理函數(shù)。假如希望單擊上述按鈕時，提交表單，則要為按鈕注冊onClick 事件。如：

<form name="buy" action="form.html" method="post">
    <button onClick="submitForm(buy)">立即購買</button>
</form>

現(xiàn)在點擊按鈕，就會觸發(fā)onClick事件，并調(diào)用事件處理函數(shù)submitForm(buy)，參數(shù)buy為待處理表單name屬性的值。如果希望點擊按鈕后提交表單，就可以在事件處理函數(shù)中調(diào)用form對象的submit()方法：

function submitForm(f) {
    f.submit();  
}

這是一個默認情況的設(shè)置，現(xiàn)在我們來看看給html button標簽設(shè)置樣式：

給大家看一個完整的代碼實例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>創(chuàng)新互聯(lián)</title>
<style>
.div {
    display: inline-block;
    padding: .3em .5em;
    background-image: linear-gradient(#ddd, #bbb);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3em;
    box-shadow: 0 1px white inset;
    text-align: center;
    text-shadow: 0 1px 1px black;
    color:white;
    font-weight: bold;
}
.div:active{
    box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;
    border-color: rgba(0,0,0,.3);
    background: #bbb;
}
</style>
</head>
<body>
<div class="div">Button</div>
</body>
</html>

這個的效果如圖：

html中button標簽的樣式如何設(shè)置

這個的效果是不是很明顯，比默認的時候好看多了，等到我們學到j(luò)s的時候，我們還能用js的技術(shù)把這默認的按鈕設(shè)置的更加美觀。

看完了這篇文章，相信你對html中button標簽的樣式如何設(shè)置有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

分享題目：html中button標簽的樣式如何設(shè)置
文章路徑：http://chinadenli.net/article10/ihdcgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、企業(yè)建站、搜索引擎優(yōu)化、企業(yè)網(wǎng)站制作、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)