重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
给需要添加下划线的超链接添加单独样式或者一个class,包含关键代码:text-decoration:underline。
创新互联一直通过网站建设和网站营销帮助企业获得更多客户资源。 以"深度挖掘,量身打造,注重实效"的一站式服务,以成都网站设计、网站建设、移动互联产品、全网整合营销推广服务为核心业务。十余年网站制作的经验,使用新网站建设技术,全新开发出的标准网站,不但价格便宜而且实用、灵活,特别适合中小公司网站制作。网站管理系统简单易用,维护方便,您可以完全操作网站资料,是中小公司快速网站建设的选择。
实例演示如下:
1、设计一个HTMl页面,放入一些a标签超链接:
2、给a便签全部取消下划线:
3、此时的页面展示如下:
4、在样式中添加一个class,去掉下划线:
5、演示:给一些a便签添加第四步的class:
6、刷新页面,此时效果如下:
1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:
2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:
3、添加style标签,然后为a标签设置“text-decoration:none;”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:
1、如果想修改一下下划线的颜色,大小等样式就可以通过border属性来设计,使用起来更灵活。
2、border-bottom属性,用来设置底部的边框样式。
3、border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。
4、看一样效果,发现下划线是整个屏幕的宽度,所以接下来要修改一下宽度。
5、宽度设置成180px,宽度根据 实际情况调整就可以了。
6、最后显示下划线效果。