CSS3中的input標簽有很多新屬性可以使用,下面簡單介紹一下常用的幾個:
input[type="text"] { /* 屬性樣式 */ }
1. type屬性
type屬性指定了input標簽的類型,常用的有text、password、checkbox、radio、submit等。
input[type="text"] { /* 屬性樣式 */ }
2. background屬性
background屬性可以設置input標簽的背景顏色、圖片、重復方式等。例如:
input[type="text"] { background: url("bg.jpg") no-repeat; /* 屬性樣式 */ }
3. border屬性
border屬性可以設置input標簽的邊框樣式,包括邊框顏色、寬度、樣式等。例如:
input[type="text"] { border: 1px solid #ccc; /* 屬性樣式 */ }
4. border-radius屬性
border-radius屬性可以設置input標簽的圓角程度。例如:
input[type="text"] { border-radius: 5px; /* 屬性樣式 */ }
5. box-shadow屬性
box-shadow屬性可以設置input標簽的陰影效果。例如:
input[type="text"] { box-shadow: 2px 2px 5px #ccc; /* 屬性樣式 */ }
6. transition屬性
transition屬性可以設置input標簽的過渡效果,例如鼠標懸停的效果。例如:
input[type="text"] { transition: background 0.5s ease; /* 屬性樣式 */ } input[type="text"]:hover { background: #f5f5f5; /* 屬性樣式 */ }
以上就是常用的input屬性介紹。