szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:css|< CSS]]

====== Szövegbuborék ======


  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2012, 2013
  * Licenc: GNU Free Documentation License 1.3
  * Web: http://szit.hu
===== Példa1 =====

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

<div>aaaaaaa</div>

</body>
</html>
</code>


<code css style.css>
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;
}
</code>





<html>
<iframe src="https://szit.hu/download/peldak/buborek.html" /></iframe>
</html>


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