Membuat Kotak Pesan menggunakan CSS

Nano Informatika - Pesan dalam suatu web berguna untuk memberikan pemberitahuan kepada para pembaca mengenai hal hal apa saja yang ada diweb terserbut. Tapi tergantung admin mau diberikan pesan peringatan atau yang lainnya. 

Untuk membuat pesan terlihat menarik kita dapat mempercantik dengan sentuhan CSS, dengan CSS tampilan suatu website semakin lebih cantik atau elegan. Dengan memanfaatkan Box Shadow dan gradient background tampilan kotak pesan semakin menarik.

Kode CSS

 .a{

 font-size: 14px;
 font-family:courier;
 -moz-transform:rotate(20deg);
 margin: -360px 30px 50px auto;
 padding: 10px;
 width: 260px;
 height: 170px;
 Border-radius: 0 40px 0px 40px;
 background: -moz-linear-gradient(top, pink, red);
 box-shadow: 5px 5px #4f4e4e;
 }

Kode HTML

               <div class="a">
<p align="center">There is no harm in dreaming of becoming <br>
the world's best player<br>
I will keep working hard to achieve it<br>
but, it is within my capabilities<br></p>
<p align="Center"><h2> CR7 </h2></p>
</div> 

Kotak tersebut dapat diletakan dimana saja contohnya footer, jika ingin memindahkan tinggal menaruk div class a ditempat yang diingikan.