Create color block title logo with CSS_CSS/HTML

WBOY
Release: 2016-05-16 12:10:57
Original
2554 people have browsed it
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:

Create color block title logo with CSS_CSS/HTML

 
First, add a CSS effect class to the page in Dreamweaver MX 2004. The specific settings are as shown in the figure.
Create color block title logo with CSS_CSS/HTML

After clicking OK, specific effect settings will pop up. Open the border tag and make settings as shown in the figure.
Create color block title logo with CSS_CSS/HTML

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.
Create color block title logo with CSS_CSS/HTML
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!