Beberapa Kode CSS Border Di Blog
Berikut ini seocips.com akan membagikan macam-macam css Border di Blog. Border sebuah istilah di dalam CSS yang berarti garis dan berfungsi membuat garis tentunya. Dalam CSS ada berbagai macam border, Css border atau biasa disebut Css border properties ini bisa memungkinkan kita untuk menentukan gaya dan warna border suatu elemen. Di sini akan saya berikan beberapa contoh yang biasa di gunakan dan mungkin saja bisa berguna untuk mengubah tampilan blog kamu.

BEBERAPA MACAM CSS BORDER

  • none : Tidak mendefinisikan garis perbatasan
  • dotted : Garis titik-titik.
  • dashed : Garis putus-putus.
  • solid : Garis penuh
  • double: Garis ganda.
  • groove: Garis berlekuk 3D
  • ridge: Garis bergerigi 3D
  • inset : garis inset 3D.
  • outset: garis outset 3D.

Contoh Penggunaan CSS Border Dan Hasilnya



Berikut adalah contoh penggunaan css border dan bagaimana hasilnya.

1. none

<p style="border: 3px none; #000000; padding: 20px;">Tidak mendefinisikan garis perbatasan</p>
Tidak mendefinisikan garis perbatasan

2. dotted

<p style="border: 3px dotted; #000000; padding: 20px; align: center;"> Mendefinisikan perbatasan garis titik-titik.</p>
Mendefinisikan perbatasan garis titik-titik.

3. dashed

<p style="border:3px dashed; #000000; padding: 20px;"> Mendefinisikan perbatasan garis putus-putus.</p>
Mendefinisikan perbatasan garis putus-putus.

4. solid

<p style="border:3px solid; #000000; padding: 20px;"> Mendefinisikan perbatasan garis penuh.</p>
Mendefinisikan perbatasan garis penuh.

5. double

<p style="border: 5px double; #000000;padding: 20px;"> Mendefinisikan perbatasan garis ganda.</p>
Mendefinisikan perbatasan garis ganda.

6. groove

<p style="border: 10px groove; #000000; padding: 20px;"> Mendefinisikan perbatasan garis berlekuk 3D.</p>
Mendefinisikan perbatasan garis berlekuk 3D.

7. ridge

<p style="border: 10px ridge; #000000; padding: 20px;"> Mendefinisikan perbatasan garis bergerigi 3D.</p>
Mendefinisikan perbatasan garis bergerigi 3D.

8. inset

<p style="border: 10px inset; #000000; padding: 20px;"> Mendefinisikan perbatasan garis inset 3D.</p>
Mendefinisikan perbatasan garis inset 3D.

9. outset

<p style="border: 10px outset; #FF3300; padding: 20px;"> Mendefinisikan perbatasan garis outset 3D.</p>
Mendefinisikan perbatasan garis outset 3D.

Border biasanya digunakan untuk membuat Garis di blog, menambahkan garis tepi diblog, membuat bingkai diblog dan lain sebagainya. Ok sekian tutorial seocips.com saat ini dan semoga bermanfaat.
2 Komentar untuk "Beberapa Kode CSS Border Di Blog"

izin mencoba dan mempelajari pelan-pelan kang.