Tartalomjegyzék

< CSS

Szövegbuborék

Példa1

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>
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;
}

Linkek