So verwenden Sie CSS3, um konkave Schriftarten zu erzielen-CSS-Tutorial-php.cn

So verwenden Sie CSS3, um konkave Schriftarten zu erzielen

青灯夜游

Freigeben： 2021-12-16 13:00:18

Original

2783 Leute haben es durchsucht

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;“.

So verwenden Sie CSS3, um konkave Schriftarten zu erzielen

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>

Nach dem Login kopieren

So verwenden Sie CSS3, um konkave Schriftarten zu erzielen

(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!