Membuat Postingan Tentang Tariasi Style Border pada CSS3 berbentuk oval

Sobat bertemu lagi dengan saya, abuduCHOY kali ini saya membuat postingan tentang fariasi Style Border pada CSS3 . Saya membaca referensi dari buku ternyata cara untuk membuat sangatla mudah dan menyenangkan. .

Ada hal yang anda ketahui tentang CSS:

Pada CSS2, membuat efek pada garis border merupakan hal yang rumit.Namun, dengan CSS3 membuat border sangatla mudah. Cukup dengan menentukan nilai property border radius

1. Buka notepad atau notepad++ untuk halaman HTML lalu ketikkan sruktur HTML berikut :
<!DOCTYPE html> <html> <head> <title><strong>CSS Border</strong></title> <style type="text/css"> div { border:2px solid #a1a1a1; padding:0 40px; background-color:#dddddd; width:300px; height:100px; } </style> </head> <body> <div> Kotak teks bayangan atau drop shadow. Posisi dan warna bayangan di atur oleh properti box-shadow </div> </body> </html>
2. Simpan dokument HTML dan RUN di browser. seharusnya elemen div akan terlihat seperti di bawah ini.

Kotak teks bayangan atau drop shadow.

Membuat Postingan Tentang Tariasi Style Border pada CSS3 berbentuk oval

Related posts

Membuat Postingan Tentang Tariasi Style Border pada CSS3 berbentuk oval

1 komentar:

Blogroll

Popular posts

Blogger templates

Statistik

Alexa

Mengenai Saya

Followers

search

Blogger templates

Materi

Blogroll

Blogger news

Blog archive

About