为网站设计干净的链接

2024-02-19 分类：网站建设

网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。

首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如: 网页陶吧网页刷新后再点击这个链接，是不是不显示虚线框了!OK，我们继续改造，再一步的工作是删除链接上的底线。在源代码的标签后添加以下三句代码，即可使本页的链接的底线不显示:

<style type="text/css">A {text-decoration:none}</style>

保存后再打开网页，链接的表现形式是不是只是蓝色文字了!如果还不够，你还可以改变它的颜色，这个很容易实现:在链接文字前添加这句代码即可使链接文字变成红色。

网页题目：为网站设计干净的链接
分享路径：https://www.cdcxhl.com/news0/317900.html

成都网站建设公司_创新互联，为您提供企业建站、云服务器、关键词优化、网站营销、营销型网站建设、商城网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容