PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

如何用css控制链接(a标签)的宽和高

如何用css控制链接(a标签)的宽和高

来源:phperz.com  作者:phperz.com  发布时间:2009-09-02
有时我们在做网页时把一些需要加链接的文字做到了图片中,并把图
有时我们在做网页时把一些需要加链接的文字做到了图片中,并把图片设置成了背影。但又想让那个位置可以点击。
可不可以在那个图片中加个没有链接文字的链接(比如<a href="http://www.baidu.com"><a>)
通过设定这个链接的宽和高来实现链接的热点从而达到可以点击的目地呢,答案当然是可以的。

例:
以下为引用的内容:
<style type="text/css">
#demo a{
display:block;
width:100px;
height:50px;
}
</style>

<div id="demo"><a href="www.baidu.com"></a></div>

这个技巧的关键点在display:block,他的意思是应用此样式的标签以块的形式来展示。
并且通个这个技巧我们还可以实现很多漂亮的应用。
Tags: css   链接   css   css   标签   C  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号