CSS easy to implement color block title identification

Css

Many sites began to use Korean style to build the station, this style is characterized by rich color changes, the application of animation reasonable, novel structure, the most obvious feature is that the table or title bar often add a horizontal or vertical ribbon , such as Figure 1 circled in the place is so.

Most people will think of using Photoshop and other software to achieve this effect, but if the page on such a large number of pictures, or larger, will bring certain difficulties to access. Here to tell you how to use CSS to do this style, because with CSS is only the definition of color, less the application of the picture, so the basic will not affect speed.

First, add a CSS effect class to the page in MX 2004, as shown in Figure 2.

Click OK, will pop up the specific effect settings, open the border tag, proceed as shown in Figure 3.

Then set the background color in the background label to "#BAEE66", and add the CSS effect to the form you want to apply this style to OK.

The application of this method, we can make a variety of beautiful and access to the speed of the table, figure 4 is the author of several styles, we can according to the border of the design and combination of forms to make a variety of effects.