CSS学习--超链接

超链接

常用样式

color

color: #000;

cursor

cursor: [...<url>] | [type];
type:[default | wait | pointer | text | zoom-in | zoom-out...]

/* 后面备用，第一个值不显示就顺序以后面的值替换 */
cursor: url(./1.jpg),url(./2.jpg),default;
/* link:https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor */

outline

outline: outline-color outline-style outline-width;

outline: 8px ridge rgba(170, 50, 220, .6);
border-radius: 2rem;

outline-style

值	描述
none	无轮廓
dotted	点
dashed	虚线
solid	实线
double	双实线
groove	立体轮廓，凹下状
ridge	立体轮廓，凸起状
inset	立体轮廓，嵌入状
outset	立体轮廓，突出状

border 和 outline 很类似，但有如下区别：

• outline不占据空间，绘制于元素内容周围

伪元素

:link — :visited — :hover — :active。

:link

尚未访问的链接

a:link {color: slategray;}

:visited

已访问过的链接

a:visited {color: green;}

:hover

用户使用指示设备虚指一个元素（没有激活它）的情况。

a:hover { background: gold; }

:focus

获得焦点的元素（如表单输入）。

input:focus { color: red; }

:active

被用户激活的元素。

a:active { color: red; }