CSS clickb-able box链接到另一页

Question

我一直在HTML5，PHP，SQL和现在的CSS创建一个网站。你可以猜到这是非常基本的，但现在我试图做最后一部分，并获得UI的工作。我想知道如何在屏幕的左上角创建一个包含“admin login”字样的Box，并且当单击任何地方时，它会将我链接到一个新页面（管理员登录页面）。我的基本问题是，我真的不会很好地使用CSS。如果任何人有任何提示将是伟大的。这是我迄今为止。 1这样做的问题是，你仍然可以只点击单词“管理员登录而不是整个区域

<h5 style = "text-align:center;display:inline-block;width:100px;height:35px;background-color:#ccc;border:1px solid #ff0000;"> <a href = "http://127.0.0.1/loginscreen_ui.html">Admin Login </a> </h5> 

此致 GSG

Answer 1

试试这个：

<a href = "http://127.0.0.1/loginscreen_ui.html"> 
    <h5 style = "text-align:center;display:inline-block;width:100px;height:35px;background-color:#ccc;border:1px solid #ff0000;">Admin Login </h5> 
</a>