Wanna Have Cool Blockquote Section Like Us!

M. Limon    November 17, 2018    css , Web Development    Comment   

Also Read

WELCOME TO w3cssBD

Wanna Have Cool Blockquote Style Like Us?
Don't Worry It's Easy. Just Add The Code Given Down And Your Done.

Add The Code On Css Section.

--------------- CODE ---------------------

blockquote{background:#f8cf82;color:#000;font-size:15px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0}.post-body blockquote:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #d8b471 #d8b471;background:#d8b471;display:block;width:0}.post-body blockquote:hover:before{display:none}.post-body blockquote kbd,.post-body blockquote a{color:#3d3320}pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0}hr{margin-top:2rem;background:#ccc;height:1px;border:0;margin-bottom:2rem} 

--------------- CODE/ ----------------