前段时间看别人写的关于空白的连接区域的CSS教程,个人觉得不是很好,虽然方法类似。下面我来写写我的方法。
首先,建立DIV框架
<div id="logo"><a href="#">LOGO</a></div>
现在这样是一个普通的文字连接。此时,你可以设置这个DIV下A的属性,但是,你无法讲其变成空白的连接区块。
CSS部分这样写
<style>
#logo{width:200px; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:3.6em; font-weight:bold}/*这里是设置整个区块的背景*/
#logo a:link, #logo a:visited{background:#cccccc; display:block; width:184px; height:100px; padding:20px; color:#FF6600; text-decoration:none}
#logo a:hover{background:#FF6600; display:block; width:184px; height:100px; padding:20px; color:#FFFFFF; text-decoration:none}
/*这里是LOGO区块下连接样式的设定,可以根据自己的需求写