Create color block title logo with CSS_CSS/HTML

Many websites have begun to use Korean style to build websites. Most people will think of using software such as Photoshop to achieve such effects, but if there are too many such pictures on the webpage, or they are large Sometimes, it will bring certain difficulties to access. Here I will tell you how to use CSS to create such a style. Because CSS only defines colors and does not use images, it basically does not affect the speed.

This style is characterized by rich color changes, reasonable application of Flash animation, and novel structure. The most obvious feature is that a horizontal or vertical ribbon is often added to the table or title bar. The area circled in the picture is like this:

　
First, add a CSS effect class to the page in Dreamweaver MX 2004. The specific settings are as shown in the figure.

After clicking OK, specific effect settings will pop up. Open the border tag and make settings as shown in the figure.

Then set the Background Color in the Background tag to "#BAEE66" and add this CSS effect to the table you want to apply this style to.
Applying this method, you can make a variety of tables that are beautiful and fast to access. The following pictures are several styles that the author tried to make. You can combine the border settings with the design of the table. Create a variety of effects.