CSS可以通過以下方式給文本框添加邊框:
1、使用border屬性:
CSS的border屬性可以用來添加邊框到文本框,以下代碼將給文本框添加一個(gè)寬度為2像素、顏色為黑色的邊框:
input { border: 2px solid black; }
2、使用border-radius屬性:
除了添加邊框外,CSS的border-radius屬性還可以用來設(shè)置邊框的圓角,以下代碼將給文本框添加一個(gè)寬度為2像素、顏色為黑色、圓角為5像素的邊框:
input { border: 2px solid black; border-radius: 5px; }
3、使用box-shadow屬性:
CSS的box-shadow屬性可以用來添加陰影效果到文本框的邊框,以下代碼將給文本框添加一個(gè)寬度為2像素、顏色為黑色、圓角為5像素的邊框,并在邊框周圍添加陰影:
input { border: 2px solid black; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
4、使用outline屬性:
CSS的outline屬性可以用來添加輪廓到文本框的邊框,以下代碼將給文本框添加一個(gè)寬度為2像素、顏色為黑色的輪廓:
input { outline: 2px solid black; }
這些樣式可以根據(jù)需要進(jìn)行調(diào)整,為了確保樣式的兼容性,建議在使用CSS樣式時(shí)考慮瀏覽器的前向兼容性和后向兼容性。