Methode: 1. Verwenden Sie das Farbattribut, um die Schriftfarbe so einzustellen, dass sie mit der Hintergrundfarbe übereinstimmt. 2. Verwenden Sie das Textschatten-Attribut, um dem Text Schatten hinzuzufügen, um einen konkaven Schrifteffekt zu erzielen. Schatten: -1px -1px 1px #000 , 1px 1px 1px #fff;“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Verwenden Sie CSS3, um konkave Schriftarten zu implementieren.
1 Verwenden Sie das Farbattribut, um die Textfarbe so festzulegen, dass sie mit der Hintergrundfarbe übereinstimmt.
2. Verwenden Sie das Textschattenattribut, um dem Text Schatten hinzuzufügen der konkave Schrifteffekt
Implementierungscode:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
body {
background-color: #ccc;
}
div {
color: #ccc;
font: 700 50px "微软雅黑";
}
div {
text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;
}
</style>
</head>
<body>
<div>我是凹下去的文字</div>
</body>
</html>
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS3, um konkave Schriftarten zu erzielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
