Kode HTML5 untuk Bentuk Bangun dengan CSS:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bentuk Bangun</title>
<style type="text/css">
<!--
.kotak1 {
padding: 10px;
width: 250px;
height: 250px;
background: #88B5FF;
color: #1753B6;
font-family: calibri;
border: 5px solid #1753B6;
-moz-border-radius: 200px;
}
#konten{
width: 150px;
height: 150px;
}
.kotak2 {
padding: 10px;
width: 400px;
height: 60px;
background: #FFCB88;
border: 5px dashed #8B5209;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
text-align: left;
}
.kotak3 {
padding: 10px;
width: 400px;
height: 60px;
font-family: calibri;
background: #83FF89;
color: #05760A;
border: 5px dotted #05760A;
-moz-box-shadow: 5px 5px 10px rgba(131,255,137,1);
text-align: center;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div class="kotak1" align="center">
<p id="konten">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing tortor id quam aliquet id convallis odio feugiat. Donec est tortor, blandit id vehicula eget, dapibus imperdiet magna.
</p>
</div>
<br>
<br>
<div class="kotak2"><font color="#8B5209" face="calibri">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing tortor id quam aliquet id convallis odio feugiat.
</font>
</div>
<br>
<br>
<div class="kotak3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing tortor id quam aliquet id convallis odio feugiat.
</div>
</body>
</html>
CONVERSATION