Cara Membuat Alert Pada W3.CSS
Ingatlah, seandainya kita susah, ada yang lebih susah dari kita, seandainya kita miskin, ada yang lebih miskin dari kita. bersyukurlah atas apa yang terdapat. Oke kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Membangun Alert Di W3.CSS.
Di W3.CSS banyak macam-macam warna Alert yang dapat kita gunakan di Source Memiliki tampilan yang dinamis ini. Class warna yang terdiri dari Alert di W3.CSS ini terdiri dari Red, Orange, Yellow, Green dan Blue. Seperti itulah Class warna yang teman-teman dapat gunakan di W3.CSS bagi laman atau blog kalian.
Oke seketika saja, berikut Cara Membangun Alert Di W3.CSS.
Seperti lazim, pertama-tama terlebih dahulu siapkan file index.html nya.
Kemudian, isi di bagian <head> link bagi menghubungkan dengan W3.CSS nya.
<link rel=stylesheet href=http://www.w3schools.com/lib/w3.css>
Berikutnya, isi di bagian <body> tag-tag seperti gambar di bawah.
<body class=w3-container>
<h2>Displaying Alerts</h2>
<p>w3-container class dapat digunakan bagi memunculkan alert.</p>
<div class=w3-container w3-red>
<h3>Danger!</h3>
<p>Ini alert.</p>
</div>
<div class=w3-container w3-orange w3-text-white>
<h3>Warning!</h3>
<p>Ini alert.</p>
</div>
<div class=w3-container w3-yellow>
<h3>Warning!</h3>
<p>Ini alert.</p>
</div>
<div class=w3-container w3-green>
<h3>Success!</h3>
<p>Ini alert.</p>
</div>
<div class=w3-container w3-blue>
<h3>Informasi!</h3>
<p>Ini alert.</p>
</div>
</body>
Bagaimana teman-teman? lumayan gampang bukan?
Demikian bagi panduan kali ini mengenai Cara Membangun Alert Di W3.CSS.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
