How can I move the mouse over CSS to change the background color? onmouseover, onmouseout, and onmouseover?
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
How can I use CSS to move the mouse up the background color in the table to change color ·········
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "www.w3.org/..al.dtd">
<Html xmlns = "www.w3.org/5o/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> untitled document </title>
<Style type = "text/css">
Table {
Border-collapse: collapse;
}
Td {
Border: #000 solid 1px;
}
</Style>
</Head>
<Body>
<Table width = "600" border = "1" cellspacing = "0" cellpadding = "0">
<Tr>
<Td onmouseover = "this. style. background = '#666666'" onmouseout = "this. style. background ='' "> </td>
<Td onmouseover = "this. style. background = '#666666'" onmouseout = "this. style. background ='' "> </td>
</Tr>
<Tr>
<Td onmouseover = "this. style. background = '#666666'" onmouseout = "this. style. background ='' "> </td>
<Td onmouseover = "this. style. background = '#666666' "onmouseout =" this. style. background = ''"> <& #47 ...... remaining full text>
Html: When you move the mouse with onMouseOver and onMouseOut, the border of the text box changes color. As a result, the color of the left, top, right, and bottom of the text box is different.
Set border-color and border-style when setting the border color.