macam macam tampilan border CSS (CSS Border Style)

bagi sobat- sobat yang ingin mengganti bentuk border dengan berbagai tampilan seperti border untuk tampilan blog maupun untuk tampilan untuk meletakkan script didalam postingan sebagai pengganti text area berikut adalah macam macam tampilan border dengan css (css border style) 

<p style="border: 1px dotted #000000;padding:3px;">dotted: Defines a dotted border</p>

<p style="border: 1px dashed #000000;padding:3px;">dashed: Defines a dashed border</p>

<p style="border: 1px solid #000000;padding:3px;">solid: Defines a solid border</p>

<p style="border: 3px double #000000;padding:3px;">double: Defines two borders. The width of the two borders are the same as the border-width value</p> value

<p style="border: 5px groove #98bf21;padding:3px;">groove: Defines a 3D grooved border. The effect depends on the border-color value</p>

<p style="border: 5px ridge #98bf21;padding:3px;">ridge: Defines a 3D ridged border. The effect depends on the border-color value</p>

<p style="border: 5px inset #98bf21;padding:3px;">inset: Defines a 3D inset border. The effect depends on the border-color value</p>

<p style="border: 5px outset #98bf21;padding:3px;">outset: Defines a 3D outset border. The effect depends on the border-color value</p>

Untuk menggunakannya silahkan copy kode yang ada didalam kolom border diatas dan selamat mencoba…!

Artikel Yang Berkaitan Tentang :