Cara membuat css mwb dengan mudah bag 1 (Body)

Assalamualaikum wr.wb

Sudah ingatkah kalian semua ,dengan sedikit kode css Properly sebelumnya yang sudah Rindra posting dulu ? jika kurang lengkap kalian bisa cari sendiri di blog tetangga lainya. Pertama kita bayangkan seperti apa sih tema yang ingin kita buat, bisa di gambar biar jelas bentuk dan warnanya. Selanjut-nya Ingat syntax-syntax Dalam CSS..SUDAH SEMUA ,dan lanjut. . . kita membuat body-nya dulu

CSS BODY MWB

syntax-nya :

body { property:value }
tidak semua property body harus kita gunakan,pilih yang simple-simple saja...
misal kita tambah jarak dari luar dan latar-belakangnya saja :
body { background:black; margin:1px }

jika memakai background gambar

body { background: url(linkgambar) no-repeat; margin:1px }
dengan background warna dan gambar
body { background:black url(link
gambar) no-repeat; margin:1px }
dalam contoh diatas pasti kalian sudah mengerti kan sob?..

ingat: !!

Usahakan tanda pembatas antara property seperi ini ; menempel pada value-nya...
dan no-repeat maksudnya gambar tidak di ulang. . .
Untuk repeat atau pengulangan kita pelajari belakang saja,.
jika repeat-x maksudnya pengulangan kebawah atau keatas
lebih jelasnya perhatikan contoh:

body { background: url(linkgambar) repeat-x 50%top}
atau
body { background: url(link
gambar) repeat-x 50%bottom}
jadi top atas dan bottom bawah serta 50% adalah menunjukkan harus berapa gambarnya diulang!!!

mungkin itu sudah jelas..

sekarang warna huruf untuk body:

Contoh

body p{color:green}
dan untuk warna huruf yang bisa di klik atau link:
misal
body a {color:red}

Segitu saja dulu kawan,soalnya hp jadulku sudah lowbat dan jariku agak kriting nih. . Hehe. ma'af jika ada yang salah. kalian juga bisa nambahin border atau pagar-nya dan tata letak huruf-nya buat body:

Misal

body { background:black url(link_gambar) no-repeat; border:1px solid red; margin:1px; text-align:left }

Semoga bermanfa'at dan wassalam. Tunggu lanjutanya. . .

Back to posts
Comments:
[2013-06-16 02:50] New Master:

Sob sertakan screenshotnya juga donk

[2013-03-12 08:44] neru:

kosnan

[2013-03-12 08:43] sinici:

more


Post a comment

Home
51441

Old school Easter eggs.