boxes around diff. areas Options

[SMiLEEFORMEE]

i always wanted to know how to get these boxes around the certain areas of text. lol sry hard to explain but here : http://www.myspace.com/xo_sneaky

on her myspace on her modules the headings are all high lighted and bordered (interests, music, movies, books, etc. etc.) does anyone know the code for that?

[*mipadi*]

Yes, use this:

HTML

<h1 style="background-color:#FF0000; color:#000000; padding:3px;">

You can also embed it as a stylesheet, so it applies to every instance of <h1>:

CODE

<style type="text/css">
h1 {
   background-color:#FF0000;
   color:#000000;
   padding:3px;
}
</style>

Note: The background color is set to red in that example; change #FF0000 to whatever color you wish. The text color is white; change #000000 to whatever color you wish. Padding is there to make the box a bit bigger (not run up against the edges of the text) but can be changed or removed entirely, if desired.

Also, this applies only to <h1> tags in the sample, but can apply to any tag you want; just change "h1" to the tag you want to style.