CSS to create color block title Identification _css/html

Source: Internet
Author: User
Many websites began to use Korean style to build stations. 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.

This style is characterized by rich color changes, the application of Flash animation reasonable, novel structure, the most obvious feature is that the table or title bar often add a horizontal or vertical ribbon, as in the picture circled the place is this:
 

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

Click OK, will pop up the specific effect settings, open the border tag, and make the settings as shown.

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 fast access to the table, the following figure is the author of several styles, we can according to the border of the design combined with the form to make a variety of effects.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.