Beispiel-Tutorial zum Festlegen der Hintergrundfarbe auf transparent-HTML-Tutorial-php.cn

Beispiel-Tutorial zum Festlegen der Hintergrundfarbe auf transparent

零下一度

Freigeben： 2017-07-20 15:12:43

Original

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