Sign up for PayPal and start accepting credit card payments instantly.

Border dan Warna

Category : Labels: , ,


Seperti janji saya pada artikel sebelumnya di menampikan ( menampilkan ) situs lain di blog kita bahwa saya akan menunjukkan jenis - jenis border CSS. Seperti sobat lihat di bawah, saya sudah mengumpulkan contoh - contoh dari border - border CSS tersebut. Dan saya juga akan menambahkan beberapa kode - kode warna yang mungkin bisa berguna bagi sobat yang sedang membutuhkan. Untuk menghemat tempat, sengaja contoh - contohnya saya letakkan di dalam spoiler, jadi untuk memunculkan tinggal klik show saja. Semoga berguna. biggrin
Jenis Jenis Border CSS

Dotted Border

Dashed Border

Solid Border

Double Border

Groove Border

Ridge Border

Inset Border

Outset Border

Untuk mengganti warna dari border - border di atas, sobat bisa mengganti kode warna dari border seperti contoh di bawah ini. Tulisan yang dicetak merah itulah kode warna dari border yang bisa sobat ganti sesuai selera. Sedangkan tulisan yang berwarna hijau adalah jenis dari border.

<p style="border: 5px groove rgb(152, 191, 33); padding: 3px; text-align: center; font-weight: bold;">Groove Border
</p>

Contoh Kode Warna


Judul Kode Warna :








Warna
Color HEX
Warna RGB

#000000
rgb(0,0,0)

#FF0000
rgb(255,0,0)

#00FF00
rgb(0,255,0)

#0000FF
rgb(0,0,255)

#FFFF00
rgb(255,255,0)

#00FFFF
rgb(0,255,255)

#FF00FF
rgb(255,0,255)

#C0C0C0
rgb(192,192,192)

#FFFFFF
rgb(255,255,255)

000000
000033
000066
000099
0000CC
0000FF
003300
003333
003366
003399
0033CC
0033FF
006600
006633
006666
006699
0066CC
0066FF
009900
009933
009966
009999
0099CC
0099FF
00CC00
00CC33
00CC66
00CC99
00CCCC
00CCFF
00FF00
00FF33
00FF66
00FF99
00FFCC
00FFFF
330000
330033
330066
330099
3300CC
3300FF
333300
333333
333366
333399
3333CC
3333FF
336600
336633
336666
336699
3366CC
3366FF
339900
339933
339966
339999
3399CC
3399FF
33CC00
33CC33
33CC66
33CC99
33CCCC
33CCFF
33FF00
33FF33
33FF66
33FF99
33FFCC
33FFFF
660000
660033
660066
660099
6600CC
6600FF
663300
663333
663366
663399
6633CC
6633FF
666600
666633
666666
666699
6666CC
6666FF
669900
669933
669966
669999
6699CC
6699FF
66CC00
66CC33
66CC66
66CC99
66CCCC
66CCFF
66FF00
66FF33
66FF66
66FF99
66FFCC
66FFFF
990000
990033
990066
990099
9900CC
9900FF
993300
993333
993366
993399
9933CC
9933FF
996600
996633
996666
996699
9966CC
9966FF
999900
999933
999966
999999
9999CC
9999FF
99CC00
99CC33
99CC66
99CC99
99CCCC
99CCFF
99FF00
99FF33
99FF66
99FF99
99FFCC
99FFFF
CC0000
CC0033
CC0066
CC0099
CC00CC
CC00FF
CC3300
CC3333
CC3366
CC3399
CC33CC
CC33FF
CC6600
CC6633
CC6666
CC6699
CC66CC
CC66FF
CC9900
CC9933
CC9966
CC9999
CC99CC
CC99FF
CCCC00
CCCC33
CCCC66
CCCC99
CCCCCC
CCCCFF
CCFF00
CCFF33
CCFF66
CCFF99
CCFFCC
CCFFFF
FF0000
FF0033
FF0066
FF0099
FF00CC
FF00FF
FF3300
FF3333
FF3366
FF3399
FF33CC
FF33FF
FF6600
FF6633
FF6666
FF6699
FF66CC
FF66FF
FF9900
FF9933
FF9966
FF9999
FF99CC
FF99FF
FFCC00
FFCC33
FFCC66
FFCC99
FFCCCC
FFCCFF
FFFF00
FFFF33
FFFF66
FFFF99
FFFFCC
FFFFFF


Red Light
HEX
RGB

#000000
rgb(0,0,0)

#080000
rgb(8,0,0)

#100000
rgb(16,0,0)

#180000
rgb(24,0,0)

#200000
rgb(32,0,0)

#280000
rgb(40,0,0)

#300000
rgb(48,0,0)

#380000
rgb(56,0,0)

#400000
rgb(64,0,0)

#480000
rgb(72,0,0)

#500000
rgb(80,0,0)

#580000
rgb(88,0,0)

#600000
rgb(96,0,0)

#680000
rgb(104,0,0)

#700000
rgb(112,0,0)

#780000
rgb(120,0,0)

#800000
rgb(128,0,0)

#880000
rgb(136,0,0)

#900000
rgb(144,0,0)

#980000
rgb(152,0,0)

#A00000
rgb(160,0,0)

#A80000
rgb(168,0,0)

#B00000
rgb(176,0,0)

#B80000
rgb(184,0,0)

#C00000
rgb(192,0,0)

#C80000
rgb(200,0,0)

#D00000
rgb(208,0,0)

#D80000
rgb(216,0,0)

#E00000
rgb(224,0,0)

#E80000
rgb(232,0,0)

#F00000
rgb(240,0,0)

#F80000
rgb(248,0,0)

#FF0000
rgb(255,0,0)

Gray Shades
HEX
RGB

#000000
rgb(0,0,0)

#080808
rgb(8,8,8)

#101010
rgb(16,16,16)

#181818
rgb(24,24,24)

#202020
rgb(32,32,32)

#282828
rgb(40,40,40)

#303030
rgb(48,48,48)

#383838
rgb(56,56,56)

#404040
rgb(64,64,64)

#484848
rgb(72,72,72)

#505050
rgb(80,80,80)

#585858
rgb(88,88,88)

#606060
rgb(96,96,96)

#686868
rgb(104,104,104)

#707070
rgb(112,112,112)

#787878
rgb(120,120,120)

#808080
rgb(128,128,128)

#888888
rgb(136,136,136)

#909090
rgb(144,144,144)

#989898
rgb(152,152,152)

#A0A0A0
rgb(160,160,160)

#A8A8A8
rgb(168,168,168)

#B0B0B0
rgb(176,176,176)

#B8B8B8
rgb(184,184,184)

#C0C0C0
rgb(192,192,192)

#C8C8C8
rgb(200,200,200)

#D0D0D0
rgb(208,208,208)

#D8D8D8
rgb(216,216,216)

#E0E0E0
rgb(224,224,224)

#E8E8E8
rgb(232,232,232)

#F0F0F0
rgb(240,240,240)

#F8F8F8
rgb(248,248,248)

#FFFFFF
rgb(255,255,255)








Nama Warna
Kode Hexa Warna
Warna
Black
#000000

Navy
#000080

DarkBlue
#00008B

MediumBlue
#0000CD

Blue
#0000FF

DarkGreen
#006400

Green
#008000

Teal
#008080

DarkCyan
#008B8B

DeepSkyBlue
#00BFFF

DarkTurquoise
#00CED1

MediumSpringGreen
#00FA9A

Lime
#00FF00

SpringGreen
#00FF7F

Aqua
#00FFFF

Cyan
#00FFFF

MidnightBlue
#191970

DodgerBlue
#1E90FF

LightSeaGreen
#20B2AA

ForestGreen
#228B22

SeaGreen
#2E8B57

DarkSlateGray
#2F4F4F

LimeGreen
#32CD32

MediumSeaGreen
#3CB371

Turquoise
#40E0D0

RoyalBlue
#4169E1

SteelBlue
#4682B4

DarkSlateBlue
#483D8B

MediumTurquoise
#48D1CC

Indigo
#4B0082

DarkOliveGreen
#556B2F

CadetBlue
#5F9EA0

CornflowerBlue
#6495ED

MediumAquaMarine
#66CDAA

DimGray
#696969

SlateBlue
#6A5ACD

OliveDrab
#6B8E23

SlateGray
#708090

LightSlateGray
#778899

MediumSlateBlue
#7B68EE

LawnGreen
#7CFC00

Chartreuse
#7FFF00

Aquamarine
#7FFFD4

Maroon
#800000

Purple
#800080

Olive
#808000

Gray
#808080

SkyBlue
#87CEEB

LightSkyBlue
#87CEFA

BlueViolet
#8A2BE2

DarkRed
#8B0000

DarkMagenta
#8B008B

SaddleBrown
#8B4513

DarkSeaGreen
#8FBC8F

LightGreen
#90EE90

MediumPurple
#9370D8

DarkViolet
#9400D3

PaleGreen
#98FB98

DarkOrchid
#9932CC

YellowGreen
#9ACD32

Sienna
#A0522D

Brown
#A52A2A

DarkGray
#A9A9A9

LightBlue
#ADD8E6

GreenYellow
#ADFF2F

PaleTurquoise
#AFEEEE

LightSteelBlue
#B0C4DE

PowderBlue
#B0E0E6

FireBrick
#B22222

DarkGoldenRod
#B8860B

MediumOrchid
#BA55D3

RosyBrown
#BC8F8F

DarkKhaki
#BDB76B

Silver
#C0C0C0

MediumVioletRed
#C71585

IndianRed
#CD5C5C

Peru
#CD853F

Chocolate
#D2691E

Tan
#D2B48C

LightGrey
#D3D3D3

PaleVioletRed
#D87093

Thistle
#D8BFD8

Orchid
#DA70D6

GoldenRod
#DAA520

Crimson
#DC143C

Gainsboro
#DCDCDC

Plum
#DDA0DD

BurlyWood
#DEB887

LightCyan
#E0FFFF

Lavender
#E6E6FA

DarkSalmon
#E9967A

Violet
#EE82EE

PaleGoldenRod
#EEE8AA

LightCoral
#F08080

Khaki
#F0E68C

AliceBlue
#F0F8FF

HoneyDew
#F0FFF0

Azure
#F0FFFF

SandyBrown
#F4A460

Wheat
#F5DEB3

Beige
#F5F5DC

WhiteSmoke
#F5F5F5

MintCream
#F5FFFA

GhostWhite
#F8F8FF

Salmon
#FA8072

AntiqueWhite
#FAEBD7

Linen
#FAF0E6

LightGoldenRodYellow
#FAFAD2

OldLace
#FDF5E6

Red
#FF0000

Fuchsia
#FF00FF

Magenta
#FF00FF

DeepPink
#FF1493

OrangeRed
#FF4500

Tomato
#FF6347

HotPink
#FF69B4

Coral
#FF7F50

Darkorange
#FF8C00

LightSalmon
#FFA07A

Orange
#FFA500

LightPink
#FFB6C1

Pink
#FFC0CB

Gold
#FFD700

PeachPuff
#FFDAB9

NavajoWhite
#FFDEAD

Moccasin
#FFE4B5

Bisque
#FFE4C4

MistyRose
#FFE4E1

BlanchedAlmond
#FFEBCD

PapayaWhip
#FFEFD5

LavenderBlush
#FFF0F5

SeaShell
#FFF5EE

Cornsilk
#FFF8DC

LemonChiffon
#FFFACD

FloralWhite
#FFFAF0

Snow
#FFFAFA

Yellow
#FFFF00

LightYellow
#FFFFE0

Ivory
#FFFFF0

White
#FFFFFF

Nama Warna
Kode Hexa Warna
Warna
AliceBlue
#F0F8FF

AntiqueWhite
#FAEBD7

Aqua
#00FFFF

Aquamarine
#7FFFD4

Azure
#F0FFFF

Beige
#F5F5DC

Bisque
#FFE4C4

Black
#000000

BlanchedAlmond
#FFEBCD

Blue
#0000FF

BlueViolet
#8A2BE2

Brown
#A52A2A

BurlyWood
#DEB887

CadetBlue
#5F9EA0

Chartreuse
#7FFF00

Chocolate
#D2691E

Coral
#FF7F50

CornflowerBlue
#6495ED

Cornsilk
#FFF8DC

Crimson
#DC143C

Cyan
#00FFFF

DarkBlue
#00008B

DarkCyan
#008B8B

DarkGoldenRod
#B8860B

DarkGray
#A9A9A9

DarkGreen
#006400

DarkKhaki
#BDB76B

DarkMagenta
#8B008B

DarkOliveGreen
#556B2F

Darkorange
#FF8C00

DarkOrchid
#9932CC

DarkRed
#8B0000

DarkSalmon
#E9967A

DarkSeaGreen
#8FBC8F

DarkSlateBlue
#483D8B

DarkSlateGray
#2F4F4F

DarkTurquoise
#00CED1

DarkViolet
#9400D3

DeepPink
#FF1493

DeepSkyBlue
#00BFFF

DimGray
#696969

DodgerBlue
#1E90FF

FireBrick
#B22222

FloralWhite
#FFFAF0

ForestGreen
#228B22

Fuchsia
#FF00FF

Gainsboro
#DCDCDC

GhostWhite
#F8F8FF

Gold
#FFD700

GoldenRod
#DAA520

Gray
#808080

Green
#008000

GreenYellow
#ADFF2F

HoneyDew
#F0FFF0

HotPink
#FF69B4

IndianRed
#CD5C5C

Indigo
#4B0082

Ivory
#FFFFF0

Khaki
#F0E68C

Lavender
#E6E6FA

LavenderBlush
#FFF0F5

LawnGreen
#7CFC00

LemonChiffon;
#FFFACD

LightBlue
#ADD8E6

LightCoral
#F08080

LightCyan
#E0FFFF

LightGoldenRodYellow
#FAFAD2

LightGrey
#D3D3D3

LightGreen
#90EE90

LightPink
#FFB6C1

LightSalmon
#FFA07A

LightSeaGreen
#20B2AA

LightSkyBlue
#87CEFA

LightSlateGray
#778899

LightSteelBlue
#B0C4DE

LightYellow
#FFFFE0

Lime
#00FF00

LimeGreen
#32CD32

Linen
#FAF0E6

Magenta
#FF00FF

Maroon
#800000

MediumAquaMarine
#66CDAA

MediumBlue
#0000CD

MediumOrchid
#BA55D3

MediumPurple
#9370D8

MediumSeaGreen
#3CB371

MediumSlateBlue
#7B68EE

MediumSpringGreen
#00FA9A

MediumTurquoise
#48D1CC

MediumVioletRed
#C71585

MidnightBlue
#191970

MintCream
#F5FFFA

MistyRose
#FFE4E1

Moccasin
#FFE4B5

NavajoWhite
#FFDEAD

Navy
#000080

OldLace
#FDF5E6

Olive
#808000

OliveDrab
#6B8E23

Orange
#FFA500

OrangeRed
#FF4500

Orchid
#DA70D6

PaleGoldenRod
#EEE8AA

PaleGreen
#98FB98

PaleTurquoise
#AFEEEE

PaleVioletRed
#D87093

PapayaWhip
#FFEFD5

PeachPuff
#FFDAB9

Peru
#CD853F

Pink
#FFC0CB

Plum
#DDA0DD

PowderBlue
#B0E0E6

Purple
#800080

Red
#FF0000

RosyBrown
#BC8F8F

RoyalBlue
#4169E1

SaddleBrown
#8B4513

Salmon
#FA8072

SandyBrown
#F4A460

SeaGreen
#2E8B57

SeaShell
#FFF5EE

Sienna
#A0522D

Silver
#C0C0C0

SkyBlue
#87CEEB

SlateBlue
#6A5ACD

SlateGray
#708090

Snow
#FFFAFA

SpringGreen
#00FF7F

SteelBlue
#4682B4

Tan
#D2B48C

Teal
#008080

Thistle
#D8BFD8

Tomato
#FF6347

Turquoise
#40E0D0

Violet
#EE82EE

Wheat
#F5DEB3

White
#FFFFFF

WhiteSmoke
#F5F5F5

Yellow
#FFFF00

YellowGreen
#9ACD32










7 Komentar:

coretan yang menarik kawan. selamat berkarya.... sukses selalu untuk anda.

wah mantab nichh... jadi g perlu repot2 buka photoshop.. thxs kawan sharenya

@All : Terima Kasih Sobat Senior :)

keren kumpulan warnanya sobat, pasti membutuhkan waktu lama bikin artikelnya ya sob???
izin save link nya yaaaa

wah tutorialnya sangat bermanfaat bagi newbie seperti saya

@ blog buat bloggers : Lumayan..tapi semoga akhirnya bermanfaat bagi sobat sekalian.

@Ocim : Ah jangan merendah gitu mas..

Muantaaabb niiih, jadi ga terlalu kaku n monoton yaa kalo lagi posting... tulisan warnanya ga itu2 melulu. Trims infonya nih sangat membantu...

Post a Comment