利用無序列表的結構創建了五個text文本框和一個按鈕,鼠標懸停text文本框的背景顏色會改變,選擇器使用了僞類選擇器:hover和屬性選擇器。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>formTextHover</title>
<style type="text/css">
input[type="text"]:hover{
background:#D4E6ED;
}
</style>
</head>
<body>
<ul>
<li><input type="text"></li>
<li><input type="text"></li>
<li><input type="text"></li>
<li><input type="text"></li>
<li><input type="text"></li>
</ul>
<input type="button" value="click">
</body>
</html>