Membuat Border Text CSS

0 764

Contoh Membuat Border Text CSS

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
border-style: solid;
border-width: 5px;
}

p.two {
border-style: solid;
border-width: medium;
}

p.three {
border-style: dotted;
border-width: 2px;
}

p.four {
border-style: dotted;
border-width: thick;
}

p.five {
border-style: double;
border-width: 15px;
}

p.six {
border-style: double;
border-width: thick;
}

p.seven {
border-style: solid;
border-width: 2px 10px 4px 20px;
}
</style>
</head>
<body>

<h2>Properti border-width</h2>
<p>Properti ini menentukan lebar dari empat batas:</p>

<p class=”one”>Beberapa teks.</p>
<p class=”two”>Beberapa teks.</p>
<p class=”three”>Beberapa teks.</p>
<p class=”four”>Beberapa teks.</p>
<p class=”five”>Beberapa teks.</p>
<p class=”six”>Beberapa teks.</p>
<p class=”seven”>Beberapa teks.</p>

<p><b>Note:</b> Properti “border-width” tidak bekerja jika digunakan sendiri.
Selalu tentukan properti “border-style” untuk mengatur perbatasan terlebih dahulu.</p>

</body>
</html>

Coba Layout Editor »

Baca Juga :  Membuat Shopping Cart Dengan Multi-Tab Wizard Menggunakan jQuery AJAX

Get real time updates directly on you device, subscribe now.

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.