文章/答案/技术大牛

发布

社区首页 >问答首页 >始终具有虚线样式的链接

问始终具有虚线样式的链接
EN

Stack Overflow用户

提问于 2016-08-03 07:19:29

回答 2查看 44关注 0票数 0

我正在尝试创建一个页面，其中有带锚的链接，所有的链接都是指向相同页面但不同位置的锚。链接应该始终具有“虚线”样式，并且永远不带下划线。这并不像无帐幕那样工作：

   a:hover, a:link, a:active .link-anchor {
     border-bottom: 1px dashed #aabbccdd ;
     text-decoration: dashed !important;
  }

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-03 07:26:59

您定义了无效的颜色代码，如下所示：

border-bottom: 1px dashed #aabbccdd;
                          // ^^^ there should be 3 or 6 characters

它应该是：

border-bottom: 1px dashed #aabbcc;

有关css颜色的更多详细信息，请访问Here。

a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active {
  border-bottom: 1px dashed #aabbcc;
  text-decoration: none;
}

<p>Lorem ipsum dolor <a href="#" class="link-anchor">Dashed Link</a> sit amet <a href="#">Normal Link</a> Lorem ipsum dolor <a href="#" class="link-anchor">Dashed Link</a> sit amet <a href="#" class="link-anchor">Dashed Link</a> Lorem ipsum dolor</p>

票数 1

Stack Overflow用户

发布于 2016-08-03 07:33:17

除了穆罕默德所说的，我认为这个规则也是错误的。

如果要添加类，则应重复.link-anchor

a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active  {

或

a:hover, a:link, a:active, .link-anchor {

此外，如果您的类确实是“边框底部虚线”，请不要将其称为“链接锚点”，而是“虚线-下划线”，例如

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38736919

复制

CSS的超链接样式设计

html http css 网站 https

内部链接所链接的目标一般位于同一个网站中，对于内部链接来说，可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置，仅指定相对位置关系，

全栈程序员站长

2022/09/07

1.4K0

css超链接样式

css

超链接默认情况下带有下划线，看起来挺难看的，而且用户体验也不好。在CSS中，一般使用“text-decoration:none”来去除超链接下划线，我们在“下划线、删除线和顶划线”这一节已经详细讲解了text-decoration属性。

Qwe7

2022/04/13

2.3K0

【OpenXml】Pptx的边框虚线转为WPF的边框虚线

wpf sdk ide 编程算法

首先，我们先安装nuget的需要的有关的Openxml sdk，我们开源了解析pptx的Openxml拍平层，下面两种方式都可以安装：

ryzenWzd

2021/12/31

1.8K0

CSS美化超链接样式

jquery 渲染 https java css

注意！！！超链接的四种状态样式的排列是固定的，一般不能随意调换正确的顺序时Link，visited,hover,active

全栈程序员站长

2022/09/09

1.9K0

html超链接样式顺序,CSS页面布局常用知识汇总（超链接样式）

css https java 网络安全

CSS中的知识非常多，我们不可能全都记得住。闲暇时整理了一些CSS页面布局的常用知识，这篇文章就和大家分享一下CSS超链接样式的常用知识。需要的朋友可以参考一下，希望可以帮助到你。

全栈程序员站长

2022/09/09

1.5K0

python超链接格式_Openpyxl中的超链接样式「建议收藏」

https 网络安全编程算法 java

from openpyxl.styles import Font, Color, colors

全栈程序员站长

2022/09/09

2.4K0

html超链接样式「建议收藏」

java https 网络安全

a:link，定义正常链接的样式； a:visited，定义已访问过链接的样式； a:hover，定义鼠标悬浮在链接上时的样式； a:active，定义鼠标点击链接时的样式。

全栈程序员站长

2022/09/09

2.1K0

CSS基础笔记——超链接样式

css https java 网络安全

在浏览器中，超链接默认情况下字体为蓝色，带有下划线，鼠标单击时字体为红色，单击后为紫色

全栈程序员站长

2022/09/09

1.1K0

CSS设置超链接样式常用

css https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/161759.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/09

1.2K0

去掉a标签的所有样式(去掉超链接标签所有样式)

去掉a标签的所有样式(去掉超链接标签所有样式) /*包含以下四种的链接*/ a { text-decoration: none; } /*正常的未被访问过的链接*/ a:link { text-decoration: none; } /*已经访问过的链接*/ a:visited { text-decoration: none; } /*鼠标划过(停留)的链接*/ a:hover { text-decoration: none; } /* 正在点击的链接*/ a:active

红目香薰

2022/11/29

2.2K0

android绘制虚线

android

有的时候我们需要一种虚线效果，比如图片的边框，愤怒的小鸟的飞翔路径，那么怎么绘制这些虚线呢？方法很多，目前我觉得好的有两种：一、自己创建模式，一个点一个点的绘制。二、用Android提供的 Das

xiangzhihong

2018/01/29

2.3K0

css 去掉超链接样式「建议收藏」

css https java 网络安全

大家好，又见面了，我是你们的朋友全栈君。我们可以用CSS语法来控制超链接的形式、颜色变化，为什么链接一定要使用下划线和颜色区分呢？其主要原因主要是考虑到 1、视力差的人 2、色盲的人。。。

全栈程序员站长

2022/09/09

1.8K0

10.超链接样式-CSS基础

jquery css

一、超链接伪类 1.何为超链接伪类在CSS中，使用超链接伪类来定义超链接在鼠标点击的不同时期的样式。（1）语法格式 a:link{...} a:visited{...} a:hover{...} a:active{...} ① 伪类伪类说明 a:link 定义a元素未访问时的样式。 a:visited 定义a元素访问后的样式。 a:hover 定义鼠标经过a元素时的样式。 a:active 定义鼠标点击激活时的样式。 Ⅰ.定义顺序定义这四个伪类时，必须按照link、visited、hov

见贤思齊

2020/10/29

1.6K0

html超链接样式设置「建议收藏」

https java 网络安全

全栈程序员站长

2022/09/09

1.7K0

html 中超链接的写法,网页超链接样式的CSS写法「建议收藏」

css php

上一篇文章讲了母栏目后面两行子栏目的DIV布局，这篇文章讲导航做完之后我想在鼠标移到每个不同区域的超链接在颜色上给予变化。

全栈程序员站长

2022/09/09

2.6K0

【CSS】CSS 复合选择器 ④ ( 链接伪类选择器 | a:link 默认样式 | a:visited 已访问样式 | a:hover 鼠标移动样式 | a:active 选定链接样式 )

css hover 基础开发语法

常用方式 : 如果要给 .nav 类下的 a 链接指定样式 , 则需要使用后代选择器 + 链接伪类选择器进行指定 ;

韩曙亮

2023/03/30

1.1K0

【CSS】CSS 复合选择器 ④ ( 链接伪类选择器 | a:link 默认样式 | a:visited 已访问样式 | a:hover 鼠标移动样式 | a:active 选定链接样式 )

canvas虚线绘制

canvas

晚上闲来无事，又不想看书，就写代码段锻炼一下脑子。本示例实现canva绘制虚线，因为canvas原生没有的。

牛老师讲GIS

2020/06/28

1.4K0

html超链接位置怎么改,如何修改HTML超链接样式？

html css java https 网络安全

在网页开发中，我们不免会用到超链接，将内容链接到原网页上。如果不对超链接进行设置，链接默认以固定样式显示，过于单一。那么我们要如何修改 HTML 中的超链接呢？这篇文章 W3Cschool 小编为大家介绍一下。

全栈程序员站长

2022/09/09

4K0

CSS（a链接、图片、文本、背景、伪类样式）

hover text 语法

前端代码需要记忆的比较多，需要多写，加深记忆。目录设置a链接样式图片的垂直居中设置文本阴影伪类样式列表样式背景图背景图重复方式设置a链接样式属性： text-decoration 属性值： none 去掉下划线 underline 文本的下划线 overline 设置文本的上划线语法： text-decoration:none; 图片的垂直居中属性： vertical-align 属性值： top 居上 moddie 居中语法： vertical-align:top; 设置文

全栈开发日记

2022/05/12

9710

点击加载更多

相似问题

链接div的虚线样式列表

JSeparator虚线样式

虚线样式叠加效果

当尝试添加虚线边框样式时，只获取“不支持虚线/虚线边框样式”iOS

具有虚线样式和大量数据点的MSChart折线图

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问始终具有虚线样式的链接
EN

回答 2

Stack Overflow用户

Stack Overflow用户

链接div的虚线样式列表

JSeparator虚线样式

虚线样式叠加效果

当尝试添加虚线边框样式时，只获取“不支持虚线/虚线边框样式”iOS

具有虚线样式和大量数据点的MSChart折线图

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问始终具有虚线样式的链接EN

回答 2

Stack Overflow用户

Stack Overflow用户

链接div的虚线样式列表

JSeparator虚线样式

虚线样式叠加效果

当尝试添加虚线边框样式时，只获取“不支持虚线/虚线边框样式”iOS

具有虚线样式和大量数据点的MSChart折线图

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问始终具有虚线样式的链接
EN