gradient
 
gradient
 
 
 
 
title

8. Modifying The Layout Border In CSS

title
sign
 

 

Many of our templates have a border. But maybe you don't like it :). So let's modify it or even delete it.

Open the file index.html from template/html/html_version.

To clearly see the border press F12 to preview the page in a web browser.

To add the border to our table we have created a class named ".frame" in which we have added border properties for left, right and bottom. As you can see we don't have a border at the top.

As you can see we defined for the 3 sides the color of the border, the style and the width. The top border has values for color and width but as long as its style is set to none, it is invisible. Change the attributes as you like it.

To delete the frame select the entire table dragging with your left mouse button press from outside the table to the area inside the table. You'll see the table selected. Now from the Properties palette, from Class choose "None" and the applied style will be deleted: