How to insert a color line in website production

How to insert a color line method in website production one:

First you insert a row-by-column table in the page Editing window, and then insert a 1pixelx1pixel transparent image in the table (the spacer image used to control the layout of the page in Dreameaver4 is just such a picture, So if you do not use the software to make such an image, you can generate the object panel in the Dreameaver4, first select the Layout view (layout view) in the view of the Objiect panel, and then click Draw Layout Table, Drag to create a layout table (layout table) in the Web Page Editing window, add spacer image in the Drop-down menu of the point table header,

Creates and saves the spacer image, which is a spaceer image of 1 pixel x1 pixels. Then set the properties in the table to: H (height) is 1 pixel (1 pixels), W (width) is the desired width (can enter pixel value or percent), Cellpad, Cellspace, border, enter 0, and then in BG color (background color) to select the desired color , the colored horizontal thin line is inserted.

If you increase the H value, the line becomes thicker. If you want to insert a vertical thin line with a color, set H to the desired height value, W is set to 0, and the other settings are the same, so you can insert a vertical thin line. In the Web page editing window, this color is still gray, but by F12 preview, you can see in the browser that the color of the string you are inserting has become the color you want.

How to insert a color line method in website production two:

First, in the Dreamweaver page Editing window in the appropriate position, insert horizontal rule, press CTRL + F3 the property panel, in this property panel, the Shading (shadow) before the check out. You can set the length of the line by entering a pixel value (pixels) or a percentage in W. In h, enter 1 to make the line very thin and fine to a pixel. If you want a thick line, you can enter a larger value in H. So the lines are plugged in, but you'll find that the line is gray and in the property panel, you can't set the color. If you want to set other colors, you can use CSS to control. You can easily set CSS in Dreamweaver, and you don't even need to understand CSS syntax at all.

Select the CSS style under the Text menu | New Style,

In the New Style dialog box, enter a name in the Name column, such as "Colorline", and in the Define (definition) Radio box, select this document only (for this page only), and then click OK. The style definition for. colorline dialog box will then pop up. In the type item, choose the color you want, such as red, then click OK, then click Done, and a new style is built. Select a thin line in the page Editing window, point Text | CSS Style | Colorline (Colorline is just the new style), in the Web site editing window, the line color is still gray, but press F12 preview, in the browser can be seen in the color of the inserted thin lines have become the red you want.