溫馨提示×

css中如何給字體加描邊

css
養(yǎng)魚的貓咪
450
2021-03-26 10:23:01
欄目: 編程語言

在css中給字體添加描邊的方法：1.創(chuàng)建p標簽；2.使用text-shadow屬性添加描邊；

css中如何給字體加描邊

在css中給字體添加描邊的方法

1.首先，在頁面中創(chuàng)建兩個p標簽，并添加文字用于對比；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style></style>
</head>
<body>
 <p>測試文本</p>
 <p class="nav">測試文本</p>
</body>
</body>
</html>

2.p標簽創(chuàng)建好后，使用text-shadow屬性給字體添加描邊；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style>
     .nav{
       text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403;
}
  </style>
</head>
<body>
 <p>測試文本</p>
 <p class="nav">測試文本</p>
</body>
</body>
</html>

效果：

css中如何給字體加描邊

0 踩