Quantcast
Channel: FOR BETTER DESIGNS » little
Viewing all articles
Browse latest Browse all 2

Adding nice looking blockquotes for your posts using css

$
0
0

In this post I want to give you this little tip I decided to use here in my blog. This is a blockquotes which are stylised with CSS and they can make your blog to look much nice.

For example you have some code HTML, CSS or whatever in your post and you want to make some border around it and maybe different background color.

Here is the code:

<blockquote>

<div style=”border: 1px dashed #5f5f5f; padding: 10px; background-color: #f2f2f2; margin: 5px;”><span style=”color: #333333;”>

Your text here

</span><span style=”color: #808080;”><span style=”font-style: normal; font-family: Georgia;”><em> </em></span></span></div>

</blockquote>

You see you can change the size of the border, the padding and background color and you can add your text. It will look exactly like mine. You can change this colors off course.

Hope this little tip will be in some good use for you.

If any question and comments I am here.


Viewing all articles
Browse latest Browse all 2

Latest Images

Trending Articles





Latest Images