Kumpulan Blockquote Keren Dengan CSS

Dalam hari ini taukahbahwa.blogspot.com akan membahas posting tentang Kumpulan Blockquote Keren Dengan CSS. Semoga dengan posting Kumpulan Blockquote Keren Dengan CSS akan menambah wacana untuk anda pembaca setia taukahbahwa.blogspot.com

Style 1

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Style 2

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

Style 3

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Style 4

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Style 5

blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }

Style 6

blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd0VTke_dLLtnUF0M0Rk-2nYwor5Pk_ecAu-ocZDijvzfdHfkkocoCA3Z5UnhjwKhwkV48vBDe73cQQYdauC5khIS2wNsfX7FVmxYEt3gjJsK_HaFFT_lQkeGr271_PQgECuNW3H7RW6I/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

Style 7

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWzh2y8ZxrNbUR8P0eyGB41X0hHqDbxREtRihPpa52oQDjlUbHNNWVx-YVh7PgmddO4GLe_ScuaNXQS0V0w0qXgbm6VlAeM-xvq45sJg_i3h0r_dAwqf1UtwbTOUva7Yx3Ov0IiLUOxc8/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }

Style 8

.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE_vD5IiOX1cFE60N0LojZhBf_vTlM2HiCzCuvwf3X8cd404dWJGdnb83_b6_3qYuRGypOQJOFHvszuRQPX1WTfrn0YCR5SSyvleW_4CFG8f2HNR6DB9xLq4P0VYgvTF54He4mmF0uPT8/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

Style 9

blockquote{ background-color: transparent; border-top: 3px double #DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

Style 10

blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKMNM3ElYTW-0NR_GfGt-ZXvnluxKWWS3A28sqD7G8QH8dwnIxNTMW1G_ULhe1_5r8l3roMts-pci6-JvyoX6_zAXiFNf7BODLAvo7VCD9nKS5lykeaDnsPjbZfcnNlilVfX84cFssdCF/s1600/quote.png") 5% no-repeat #FFF8DD; }

Sekian dulu ya

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com