html表單邊框如何加顏色-創(chuàng)新互聯(lián)

這篇文章主要介紹了html表單邊框如何加顏色，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

從事成都西信服務器托管，服務器租用，云主機，網(wǎng)絡(luò)空間，國際域名空間，CDN，網(wǎng)絡(luò)代維等服務。

首先我們說的是表單的邊框怎么添加顏色？

<input>標簽用于搜集用戶信息。根據(jù)不同的type屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。

提示：在 HTML 中，<input> 標簽沒有結(jié)束標簽；在 XHTML 中，<input> 標簽必須被正確地關(guān)閉。

提示：請使用 label 元素為某個表單控件定義標簽。

先來看一個HTML表單邊框的使用實例：

<form action="form_action.asp" method="get">
  請輸用戶名: <input type="text" name="fname" /></br>
  重復用戶名: <input type="text" name="lname" /></br>
  <input type="submit" value="提交" />
</form>

這個在瀏覽器中顯示的效果為：

html表單邊框如何加顏色

這個效果相信我們在很多時候都見過，也用過不少次。

這是還沒加入邊框的，現(xiàn)在說說怎么加邊框：

我們這篇文章用的是css樣式來設(shè)置邊框線，比如添加這樣樣式：

<style>
form{
    border: 3px solid red;
}
</style>

里面的效果就出來，我們一起把全部的代碼都敲出來吧：

<html>
<head>
<style>
form{
    border: 3px solid red;
}
</style>
</head>
<form action="form_action.asp" method="get">
  請輸用戶名: <input type="text" name="fname" /></br>
  重復用戶名: <input type="text" name="lname" /></br>
  <input type="submit" value="提交" />
</form>
</html>

現(xiàn)在來看看效果，有沒有3像素的邊框：

html表單邊框如何加顏色

如圖，添加了三個像素的紅色邊框把表單都包裹起來了，這個代碼是不是也很簡單，這個我們就要可以用來調(diào)整邊框線的顏色啊，和像素調(diào)整都可以。

感謝你能夠認真閱讀完這篇文章，希望小編分享html表單邊框如何加顏色內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

標題名稱：html表單邊框如何加顏色-創(chuàng)新互聯(lián)
鏈接地址：http://muchs.cn/article12/dpspdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、做網(wǎng)站、軟件開發(fā)、網(wǎng)站維護、定制網(wǎng)站、網(wǎng)頁設(shè)計公司

聲明：本網(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)

猜你還喜歡下面的內(nèi)容