当前位置:首页 > 前端技术 > css中a标签超链接在新窗口中打开以及超链接去除/添加下划线

css中a标签超链接在新窗口中打开以及超链接去除/添加下划线

2022年11月06日 10:18:55前端技术29

css中a标签超链接属性设置

超链接基本语法:

<a href="http://www.baidu.com">点击我会跳转到百度</a>

a标签默认颜色为蓝色并且自带下划线

去除下划线代码:

 text-decoration: none;

添加下划线代码:

text-decoration: underline;

下面我们看下浏览器运行界面图片
css中a标签超链接在新窗口中打开以及超链接去除/添加下划线 _ JavaClub全栈架构师技术笔记

超链接在新窗口中打开

不写的话默认是target="_self" 不加就是在本窗口打开

<a href="http://www.baidu.com" target="_self">点击我会跳转到百度</a>

超链接在新窗口中打开只需要添加代码target="_blank"

 <a href="http://www.baidu.com" target="_blank">点击我会跳转到百度</a>

作者:一年级新生
来源链接:https://blog.csdn.net/Web_chicken/article/details/108512923

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/68102.html

标签: css
分享给朋友:

“css中a标签超链接在新窗口中打开以及超链接去除/添加下划线” 的相关文章

HTML-CSS标签属性注释大全

           ★文章有点长,但是我觉得你不用一次性看完,可以收藏一下,在自己的碎片时间里,可以随时拿出来看看。    ★今天把HTML里一些常用的标签也整理了一份,希望对于初学者有...

css中的@media用法总结

1、head标签中引入 //语法: @media mediatype and | not | only (media feature) { css-code; } //也可以针对不同的媒体使用不同的stylesheets: <!--<link rel="st...

什么是HTML和CSS

什么是HTML和CSS? HTML的定义: 首先来说HTML,HTML中文称为超文本标记语言,从语义上来说,它只是一种是一种标识性的语言,并不是一种编程语言。所以在提及其作用时,只能从语义方面去想,而不能从样式上去想。它其中有许许多多的标签,...

css一个标签添加多个class的样式顺序问题

css一个标签添加多个class的样式顺序问题

在使用jquery给div元素添加class时发现一个问题。就是后添加的class中的式样没有覆盖掉原来的class中的式样。 相关css如下: /*div标签原有样式*/ .nav>.navlogin, .navregist {...

CSS将img图片填满父容器div,自适应容器大小

当一个页面中引入多张图片时候,会碰到图片尺寸不一致,单要求显示成一致的大小,我们直接设置图片尺寸会导致图片变形,这就是我们遇到的问题,看下解决方法: <div> <img src="引入的图片地址" alt=""> </div&...

css实现页面底部固定在屏幕最下方,内容占满屏后紧跟其后的两种方法

1.只针对底部高度固定的情况,不能解决底部高度不固定的情况, 原理:主要内容放在page-main里面,page-container最小高度100%(注意这里html,body高度也要设为100%),position为relative。footer的position为abs...

CSS文字样式

notice:文字样式会被继承 一、常用的文字样式 1、设置文字的颜色    color:red; 2、设置文字的大小  font-size:30px; 3、设置文字的粗细,bold为加粗...

html常用标签以及css基本属性和选择器

html常用标签 一般格式为: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5...

3D 穿梭效果?使用 CSS 轻松搞定

3D 穿梭效果?使用 CSS 轻松搞定

背景 周末在家习惯性登陆 Apex,准备玩几盘。在登陆加速器的过程中,发现加速器到期了。 我一直用的腾讯网游加速器,然而点击充值按钮,提示最近客户端升级改造,暂不支持充值(这个操作把我震惊了~)。只能转头下载网易 UU 加速器。 打开 UU 加速器首页,映入眼帘的是这...

html中css字体颜色代码大全,css字体颜色的设置方法

html中css字体颜色代码大全,css字体颜色的设置方法

css字体颜色的设置方法:首先创建一个HTML示例文件;然后在body定义一些p标签并在p标签中输入文字内容;最后给p标签添加css样式为“p{color: blue}”即可修改字体颜色。 本文操作环境:windows7系统、HTML5&am...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。