Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use css3 to realize concave font

2025-01-26 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/02 Report--

This article introduces you how to use css3 to achieve concave fonts, the content is very detailed, interested friends can refer to, I hope to help you. Methods: 1. Use the color attribute to set the font color to be consistent with the background color;2. Use the text-shadow attribute to add shadow to the text to achieve the concave font effect. The syntax is "text-shadow: -1px -1px #000, 1px 1 px #fff;".

Operating environment of this tutorial: Windows 7 system, CSS3 && HTML5 version, Dell G3 computer.

Using css3 to realize concave font

1. Use the color attribute to match the text color setting with the background color

2. Use the text-shadow attribute to shadow text to achieve a concave font effect

Implementation code:

body {background-color: #ccc;}div {color: #ccc;font: 700 50px "Microsoft Yahei";}div {text-shadow: -1px -1px 1px #000, 1px 1 px #fff;} I am a recessed text

About how to use css3 to achieve concave fonts to share here, I hope the above content can be of some help to everyone, you can learn more knowledge. If you think the article is good, you can share it so that more people can see it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 300

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report