欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css美化表單代碼

錢淋西2年前9瀏覽0評論

CSS美化表單是網頁設計中重要的一環,可以讓頁面看起來更加美觀、清晰、易于操作。本文將介紹幾種常見的CSS美化表單代碼。

input[type="text"], input[type="password"], textarea {
border: none;
border-bottom: 2px solid #ccc;
font-size: 16px;
padding: 8px;
width: 50%;
}

以上代碼用于美化文本輸入框和密碼輸入框的樣式,以及文本域的樣式。代碼中主要定義了輸入框和文本域的底邊框為2像素的灰色;輸入框和文本域的字體大小為16像素;輸入框和文本域的內邊距為8像素;輸入框和文本域的寬度為50%。

input[type="submit"], button {
background-color: #007bff;
border: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 10px;
transition: background-color 0.2s;
}
input[type="submit"]:hover, button:hover {
background-color: #0062cc;
}

以上代碼用于美化提交按鈕和一般按鈕的樣式。代碼中主要定義了按鈕的背景顏色、邊框、圓角、字體顏色、鼠標指針樣式、字體大小、內邊距和過渡效果;當鼠標懸停在按鈕上時背景變為深藍色。

label {
display: block;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
input[type="checkbox"], input[type="radio"] {
cursor: pointer;
margin-right: 5px;
}
input[type="checkbox"] + label, input[type="radio"] + label {
cursor: pointer;
}

以上代碼用于美化表單中的標簽、復選框和單選框的樣式。代碼中主要定義了標簽的字體大小、加粗樣式和底距;復選框和單選框的鼠標指針樣式和右邊界距離;復選框和單選框的標簽的鼠標指針樣式。

以上是常見的CSS美化表單代碼,它們可以應用于各種網頁設計中,幫助用戶更好地操作和使用表單模塊。