Question

There is supposed to be a way to create rounded corners in a table row or element using just a few lines of code. (This seems preferable to other more complicated ways using images.)

#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
} 

However, as a css/js noob, I don’t know what to do with this. Can I put it in a style tag within the element to round? Do it put it in .css file? I don’t want this to apply to all rows or table cells, just one. Many thanks for the correct syntax/usage.

Answer 1

You can do it in a style attribute on your container :

<div style="-moz-border-radius: 15px; border-radius: 15px;">....</div>

or in your css file:

.class1 { 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
}  

//and add it to your container:
<div class="class1">....</div>