Blockquote Border Kawaii

The picture above is one example of kawaii blog tutorial that I will post on this afternoon ... images are on the left side of the blockquote, so cute huh ..

how to put it on the blog, just like a tutorial blockquote pink strawberry yesterday.

Live demo

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. CSS code:

blockquote {
width:450px;
display:block;
margin: 1em 20px;
padding:10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTmX7VUIB54-1aSoBHOOaKr6MK_Mq7FkVXWCy7bFvSsf76U-SVdtH1ILu4YuUOEs6qJOGiGiA7J3gjLZIK3M5cRlpreHUD1QhSKKqvwNe4CYcu-Vay-3Z8ANpS7S1_fYUCznaESaDXPdA/s1600/ashbq8.jpg);
background-repeat: repeat;
font-size: 12px;
color: purple;
}
blockquote:hover {
color:pink;
font-size:14px;
}

Replace the appropriate height and width of your blog post.

Here are some images I can create a background blockquote kawaii.,