Heim > Web-Frontend > HTML-Tutorial > Beispiel-Tutorial zum Festlegen der Hintergrundfarbe auf transparent

Beispiel-Tutorial zum Festlegen der Hintergrundfarbe auf transparent

零下一度
Freigeben: 2017-07-20 15:12:43
Original
2229 Leute haben es durchsucht

1. Das kleine Dreieck wird erreicht, indem ein ausreichend großer Rand für ein Div festgelegt wird und dessen oberer Rand, rechter Rand, linker Rand und Hintergrundfarbe wie folgt auf transparent gesetzt werden:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#demo {
				width: 0;
				height: 0;
				/*边框的宽20px*/
				border-width: 20px;
				/*边框样式,实线*/
				border-style: solid;
				/*边框颜色*/
				border-color: transparent transparent red transparent;
			}
		</style>
	</head>

	<body>
		<!--小三角,transparent透明的,-->
	
		<div id="demo">
			
		</div>
	</body>

</html>
Nach dem Login kopieren

2. Probleme mit der mobilen Version des a-Tags:

1》Wenn auf das a-Tag geklickt wird, wird es eine Standardhintergrundfarbe haben. Die Lösung ist

🎜 >1 -webkit-tap-highlight-color:transparent;

 2》Beim Klicken kann eine Unterstreichung erscheinen, Lösung

 

1 text-decoration: none; //或者2 3          border: none;//或者4 5          outline:none;
Nach dem Login kopieren
3> Die Unterstreichung erscheint, wenn die Maus darauf platziert wird, die Lösung

Eine Inline-Beschriftung, wenn Sie ihre Breite, Höhe oder mehrere Stile festlegen möchten display: block; um es in ein Label auf Blockebene umzuwandeln.

 

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial zum Festlegen der Hintergrundfarbe auf transparent. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage