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; }
