css-阴影和超链接伪类

阴影和超链接伪类

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>/* 默认的颜色 */a{text-decoration: none;  /* 去掉下划线 */color: #000000;  /* 修改颜色 */}/* 鼠标悬浮的状态 */a:hover{color: orange;font-size: 20px; /* 鼠标悬浮时字体变大 */}/* 鼠标按住未释放的状态 */a:active{color: green;}/*text-shadow 阴影颜色，水平偏移，垂直偏移 阴影半径*/#price{text-shadow: #3cc7f5 10px -10px 2px;}</style>
</head>
<body><a href="#"><img src="data:images/2.jpg" alt="">
</a>
<p><a href="#">码出高效：Java开发手册</a>
</p>
<p><a href="#">作者：孤尽老师</a>
</p>
<p id="price">￥99
</p>
</body>
</html>

https://www.bilibili.com/video/BV1YJ411a7dy?p=11

css-阴影和超链接伪类相关推荐

CSS——美化网页元素（字体样式，文本样式，阴影，超链接伪类，列表，背景，渐变）
为什么要美化网页 1.1有效的传递页面信息 1.2美化网页,页面漂亮,才能吸引用户 1.3凸显页面主题 1.4提高用户体验 span标签:重点要突出的字使用该标签套起来 <!DOCTYPE ht ...
CSS之【超链接伪类】
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
CSS（五）：背景、列表、超链接伪类、鼠标形状控制属性
一.背景属性 1.背景属性用来设置页面元素的背景样式. 2.常见背景属性属性描述 background-color 用来设置页面的背景色,取值如red,#ff0000 background-ima ...
css中什么是伪类选择器？伪类选择器的简要介绍
本章给大家带来css中什么是伪类选择器?伪类选择器的简要介绍.让大家可以了解在css中伪类选择器的作用,css伪类选择器有哪些分类等知识.有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. ...
CSS聊天对话气泡伪类
CSS聊天对话气泡伪类效果图例子 <template><view class='msg-box'><text>您好,我是智慧无人商店,点击选择您想要了解的信息吧- ...
什么是超链接伪类和伪元素
目录超链接伪类: 伪元素: ::first-line 表示第一行 ::selection 表示选中的内容 ::before 元素的开始 ::after 元素的最后超链接伪类: :link 用来表示 ...
鼠标的移入、移出事件与css中的hover伪类
开发工具与关键技术:html+css+js 作者: 李伙撰写时间: 2019年1月19日鼠标的移入.移出事件是一个模仿悬停事件(鼠标移入到一个对象上以及移出这个对象)的方法,当鼠标移动到一个匹配的 ...
【CSS】元素的伪类
文章目录一.元素的伪类? 二.使用方法 1. :visited 2. :link 3. :hover 4. :active 总结一.元素的伪类? 本文将介绍元素的伪类使用方 ...
css中什么是伪类选择器？伪类选择器的简介
一.伪类选择器介绍伪类选择器(简称:伪类)通过冒号来定义,它定义了元素的状态,如点击按下,点击完成等,通过伪类可以为元素的状态修改样式. 伪类的功能和一般的DOM中的元素样式相似,但和一般的DOM中 ...

css-阴影和超链接伪类

阴影和超链接伪类

css-阴影和超链接伪类相关推荐

最新文章

热门文章