Html 如何缩小宽度大小超链接？
我对html/css编程非常熟悉，所以如果这是新手犯的错误，请原谅我 我已经开始了一个新的网页- 我决定先尝试整理固定导航和菜单栏 我希望菜单按钮和网站的标志是在固定的导航栏。正如你所看到的，我已经把它整理好了。我需要做一些小事情，比如对齐菜单按钮。但它的功能似乎很好 我目前试图解决的问题是，徽标有一个屏幕宽度大小的超链接区域。我在徽标上添加了一个超链接，用户可以通过单击它返回主页。我还希望标志水平居中，无论屏幕大小如何。我相信这个问题与我必须使用Html 如何缩小宽度大小超链接？,html,css,hyperlink,block,Html,Css,Hyperlink,Block,我对html/css编程非常熟悉，所以如果这是新手犯的错误，请原谅我 我已经开始了一个新的网页- 我决定先尝试整理固定导航和菜单栏 我希望菜单按钮和网站的标志是在固定的导航栏。正如你所看到的，我已经把它整理好了。我需要做一些小事情，比如对齐菜单按钮。但它的功能似乎很好 我目前试图解决的问题是，徽标有一个屏幕宽度大小的超链接区域。我在徽标上添加了一个超链接，用户可以通过单击它返回主页。我还希望标志水平居中，无论屏幕大小如何。我相信这个问题与我必须使用display:block使水平中心对齐工作，但
display:block <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="icon" type="image/ico" href="http://www.robingham.co.uk/LUUCC3/media/favicon.ico">
<link type="text/css" rel="stylesheet" href="http://www.robingham.co.uk/LUUCC3/styles/general_formatting.css"/>
<title>LUUCC-Build</title>
<meta charset="UTF-8" />
<script src="http://www.robingham.co.uk/LUUCC3/scripts/jquery-1.11.3.min.js"></script>
<script src="http://www.robingham.co.uk/LUUCC3/scripts/menu_function.js"></script>
</head>
<body>
<div id="header_bar">
<img class="icon-menu" src="media/menu.png" width="40" height="40" alt="Menu button"/>
<!--<a href="http://www.robingham.co.uk"><img id="header_bar_menu" src="media/menu.png" width="40" height="40" alt="Menu button"/></a>-->
<div><a href="http://www.robingham.co.uk/LUUCC/index.php"><img id="header_bar_logo" src="media/header_bar_logo.png" width="315" height="65" alt="LUUCC logo"/></a></div>
</div>
<div class="menu">
<!-- Menu icon -->
<div class="icon-close">
<img src="http://www.robingham.co.uk/LUUCC3/media/close.png">
</div>
<!-- Menu -->
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div id="body_material">
<p>test1</p>
<p>test2</p>
<p>test3</p>
<p>test4</p>
<p>test5</p>
<p>test6</p>
<p>test7</p>
<p>test8</p>
<p>test9</p>
<p>test10</p>
<p>test221</p> <!--Removed some of these for the sake of the post-->
<p>test221</p>
<p>test221</p>
<p>test221</p>
<p>test221</p>
</div>
</body>
</html>
正文{
背景色：#f6f6f6；/*#f6f6f6*/
}
#标题栏{
z指数：1；
位置：固定；
宽度：100%；
顶部：-1px；
左：-1px；
高度：65px/**/
背景色：#FFF；/*FFFFFF*/
边框：1px实心#ccc；
文本对齐：居中；
}
#标题栏菜单{
显示：内联块；
/*垂直对齐：9px；
左边距：10px*/
边框：4px实心#000000；
左边距：15px；
边缘顶部：15px；
}
#标题栏标志{
/*显示：内联块；
左边距：500px*/
/*显示：内联块；
文本对齐：居中*/
/*显示：块*/
/*左边距：自动*/
/*右边距：自动*/
/*页边距顶部：-95px；*/*-60*/
}
.菜单{
背景：#202024；/*url（'http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/uber/black-thread.png’）重复左上*/
左：-285px；/*从幕后开始*/
顶部：65px；
身高：100%；
位置：固定；
宽度：285px；
}
.菜单ul{
边框顶部：1px实心#636366；
列表样式：无；
保证金：0；
填充：0；
}
/**/
李先生{
边框底部：1px实心#636366；
字体系列：“开放式Sans”，无衬线；
线高：45px；
垫底：3件；
左侧填充：20px；
垫面：3件；
}
.菜单a{
颜色：#fff；
字体大小：15px；
文字装饰：无；
文本转换：大写；
}
.图标关闭{
光标：指针；
左侧填充：10px；
填充顶部：10px；
}
.图标菜单{
颜色：#fff；
光标：指针；
字体系列：“开放式SAN”，
无衬线；
字体大小：16px；
/*垫底：25px*/
/*左侧填充：25px*/
/*填充顶部：25px*/
文字装饰：无；
文本转换：大写；
位置：绝对位置；
左：1rem；
顶部：1rem；
}
.图标菜单i{
右边距：5px；
}
测试1
测试2
测试3
测试4
测试5
<a>
<img src="this_is_my_logo.png" />
</a>
<a>
<img src="this_is_my_logo.png" />
</a>