css-阴影和超链接伪类
生活随笔
收集整理的這篇文章主要介紹了
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="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-阴影和超链接伪类的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Host key verificatio
- 下一篇： 基于 Layui 的富文本编辑器和封面的