溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css怎么改變文本框顏色

發(fā)布時間：2020-11-19 10:00:59 來源：億速云 閱讀：178 作者：小新 欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css怎么改變文本框顏色的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

css改變文本框顏色的方法：可以利用border-color屬性來改變文本框顏色，如【border-color:#0000ff;】。border-color屬性用于設(shè)置一個元素的四個邊框顏色。

相關(guān)屬性：

border-color屬性設(shè)置一個元素的四個邊框顏色。此屬性可以有一到四個值。

實例：

  • border-color:紅，綠，藍,粉紅色;

  • 上邊框是紅色

  • 右邊框是綠色

  • 底部邊框是藍

  • 左邊框是粉紅色

  • border-color：紅，綠，藍;

  • 上邊框是紅色

  • 左，右邊框是綠色

  • 底部邊框是藍

  • border-color：紅，綠;

  • 頂部和底部邊框是紅色

  • 左右邊框是綠色

  • border-color：紅色;

  • 所有四個邊框是紅色

舉例：

<style>
p.one
{
	border-style:solid;
	border-color:#0000ff;
}
p.two
{
	border-style:solid;
	border-color:#ff0000 #0000ff;
}
p.three
{
	border-style:solid;
	border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
	border-style:solid;
	border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</style>
</head>

<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<p><b>注意:</b> "border-color" 屬性 如果單獨使用則不起作用. 要先使用 "border-style" 屬性來設(shè)置 borders .</p>
</body>
</html>

實現(xiàn)效果：

css怎么改變文本框顏色

感謝各位的閱讀！關(guān)于css怎么改變文本框顏色就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手