HackToHell. Powered by Blogger.

Add padding to images in blogger using CSS

Want your images to have an border around them with an background colour  , this hack can help!

Many people fancy this , having images with borders around them . It is really usefull if you want your images to strike out and mot just blend into the mayhem of text ,it has it's  good and bad uses!

So how do you add it?

Add this simple CSS (Cascading Style Sheet) into your blogger CSS.
.post-body  img {
border:1px solid #CCCCCC;

In this you can change the things in red , the padding , the highlighting space , make it 5 if 8 is too much.
The background padding colour, make it a mild colour , and also , you can change the maximum width as per your needs or remove it .

A small screencast on how to do it!
Share on Google Plus

About hacktohell

Love technology.
    Blogger Comment
    Facebook Comment


  1. I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much.
    WordPress development company in Chennai

  2. To make the best images, people convert jpg to png images to make it easier to work at: jpg4png.com

  3. Great Article Image Processing Projects Deep Learning Projects for Final Year JavaScript Training in Chennai JavaScript Training in Chennai The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training Project Centers in Chennai

  4. A big thank you for sharing this post your content is really good apart from that if anyone looking for best Core and Advanced Java training institute in delhi so contact here +91-9311002620 visit https://www.htsindia.com/java-training-courses