Simple practical tips for Web Forms special effects

Source: Internet
Author: User
Tags filter define
Tricks | special Effects | Web pages

A, color dotted table










line

Second, mouse pointer to cell discoloration

The mouse leaves the effect of the mouse put up,
You can modify the #ffcccc value to change the color







Three-dimensional form




bordercolorlight= "#000000" bordercolordark= "#eeeeee" bgcolor= "#B7B7B7" "three-dimensional bordercolorlight= "#000000" bordercolordark= "#eeeeee" bgcolor= "#B7B7B7" > table

Four, table nesting

1, use the spacing of the table to do nesting






The main is to use the spacing cellspacing= "4"

2. Make full use of the way of alignment according to the table

Here the first table is left, the second table is right, and the third table is centered. So when you randomly adjust the size of the three tables inside, their spacing will stay the same, very convenient.















Five, translucent form

The main point here is to use the CSS filter Filter:alpha (opacity=20).

VI. Shadow Form

The main use of CSS filter style= "Filter:shadow (color= #cccccc, direction=120); Width:300;padding-right:10;padding-bottom:10"


111 222 333

Attach: Method of inserting CSS style (we use translucent form here to explain)
The first method is to define a CSS name.
Like what

The second way is to insert the relevant code directly where you need to use CSS elements, style= "" such as:



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.