A Neat Customizable CSS Box for your Blog
Use the box to highlight a quote, an important paragraph, a sales message or a block of code
<style>
div.box { border: solid; border-width: thin; width: 80%; border-color: #0000FF; margin:5px 5px 5px 5px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
background-color: #EEEEEE;
}
</style>
Simply surround the text/code you wish to box with
<div class="box">
...These are also called Johnson Boxes
... you can easily customize this box
</div>
div.box { border: solid; border-width: thin; width: 80%; border-color: #0000FF; margin:5px 5px 5px 5px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
background-color: #EEEEEE;
}
</style>
Simply surround the text/code you wish to box with
<div class="box">
...These are also called Johnson Boxes
... you can easily customize this box
</div>
Labels: blog, box, css, johnson box
posted by zzapper @ 18:51
1 Comments
1 Comments:
Hi! Thank you for your blog. Sometimes I find it difficult to read, but anyway it is very interesting:-) I'd like to give you entrecard credits for free to keep your blog going.
Drop a line on my site.
P.S. Is it a glitch of my browser? Titles of your posts are not clickable...
Post a Comment
<< Home