oktatas:web:css:css_szoevegbuborek

Tartalomjegyzék

Szövegbuborék
- Példa1
- Linkek

Szövegbuborék

Szerző: Sallai András
Copyright © Sallai András, 2012, 2013
Licenc: GNU Free Documentation License 1.3
Web: https://szit.hu

Példa1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
 
<div>aaaaaaa</div>
 
</body>
</html>

div {
	position: absolute;
	top: 200px;
	left: 200px;
	display: inline;
	background-color: green;
	padding: 20px;
	border-radius: 20px;
}
div:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 25px;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: green transparent;
}

Linkek

http://nicolasgallagher.com/pure-css-speech-bubbles/demo/

oktatas/web/css/css_szoevegbuborek.txt · Utolsó módosítás: 2019/08/22 19:34 szerkesztette: admin