Click to See Complete Forum and Search --> : IS there a way to give a list it's own background?


kirby101
03-08-2005, 04:17 PM
Is it possible to give a simple <ul> its own background? or would I need a table to do it?

NogDog
03-08-2005, 04:27 PM
Yes, using CSS styling you can assign a background color and/or image to a UL or OL element (or any other block element, for that matter).

At it's simplest:

<ul style="background-color: blue; color: white;">

kirby101
03-08-2005, 04:28 PM
Ok... CSS is good... so, under the UL tag that I create for my CSS, I just put background: #000000; or something like that?

kirby101
03-08-2005, 04:31 PM
Ok, I got it figured out. you rock, thanks.

NogDog
03-08-2005, 04:33 PM
Originally posted by kirby101
Ok... CSS is good... so, under the UL tag that I create for my CSS, I just put background: #000000; or something like that?
Correct, you could have something like...

ul.blue {
background-color: blue;
color: white;
font-size: small;
font-weight: bold;
border: solid yellow thin;
}

...in your style section, then reference in your HTML as...

<ul class=blue>
<li>.....<li>
<li>.....<li>
</ul>