Css increases the focus of a hyperlink

Background = "images/2law_0000jpg" is a 73*25 background image.

. Alink {
Display: block;
Width: 73px;
Height: 25px;
Text-align: center
       
}

If the value of width is increased, the background will be repeated.
How can we keep the original style, but the focus range of the hyperlink increases?

 

The word "focus" increases.

You can use a structure such as <li> <a> </li> to have the same size before and after the structure.

<Style>
. Alink {
Display: block;
Width: 173px;
Height: 125px;
Text-align: center
        
}
</Style>

<Table> <tr>
<Td width = "73" align = "center" style = "background: url

(Http://www.111cn.net/images/images_new/logo.gif) no-

Repeat "> <strong> <a href =" index.html "class =" alink "> back to homepage

</Strong> </a> </td>
</Td> </tr> </table>

. Alink {
Display: block;
Width: 173px;
Height: 125px;
Text-align: center
        
}