Colorful Border Blockquote

Colorful border blockquote is blockquote that has different color on each side.

Live Demo

Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus.

CSS Code

blockquote {

display:block;

padding:10px;

border-left: #7ADED4 dotted 2px;

border-top:#BA5ED1 dotted 2px;

border-bottom:#FFA95E dotted 2px;

border-right:#C9FF5E dotted 2px;

font-size:13px;

}

blockquote:hover {

border-left: #BA5ED1 dotted 2px;

border-top:#7ADED4 dotted 2px;

border-bottom:#C9FF5E dotted 2px;

border-right:#FFA95E dotted 2px;

}

Enjoy! ✿◕ ‿ ◕✿