Html中 发光字体 的CSS属性
生活随笔
收集整理的這篇文章主要介紹了
Html中 发光字体 的CSS属性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>發光字體</title>
<style type="text/css">
p{
color:#0F9;
font-size:36px;
text-align:center;
transition:all 0.1s;
text-shadow:1px 1px 1px #00FF00;
}
/* 鼠標滑過時字體顏色發光 */
p:hover{?
text-shadow:6px 6px 6px #00FF00;
}
</style>
</head>
<body>
<p align="center">鼠標劃我一下，我會發光啊！</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>發光字體</title>
<style type="text/css">
p{
color:#0F9;
font-size:36px;
text-align:center;
transition:all 0.1s;
text-shadow:1px 1px 1px #00FF00;
}
/* 鼠標滑過時字體顏色發光 */
p:hover{?
text-shadow:6px 6px 6px #00FF00;
}
</style>
</head>
<body>
<p align="center">鼠標劃我一下，我會發光啊！</p>
</body>
</html>
總結
以上是生活随笔為你收集整理的Html中 发光字体 的CSS属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 2、用Keil新建TM4C123G工程步
- 下一篇： asdad