<hr> tags not only create HTML horizontal lines you can also draw circles OH

Source: Internet
Author: User
Tags dashed line

See above this picture, the first reaction is to use Photoshop similar drawing software to draw out, but that is gorgeous Li illusion. A simple

  

Filter:alpha Effect of transparency settings, instance

Alpha (opacity=, finishopacity=, style=?, startx=?, starty=?, finishx=?, finishy=?)

Opacity: Transparency level, range is 0-100, 0 is fully transparent, and 100 is completely opaque.

Finishopacity: When you set the transparency effect of a gradient, you specify the transparency at the end, ranging from 0 to 100.

Style: Sets the style of the gradient transparency, with a value of 0 for the uniform shape, 1 for the line, 2 for the radial, and 3 for the rectangle.

StartX and Starty: Represents the start x and y coordinates of the gradient transparency effect.

Finishx and Finishy: represents the coordinates of the gradient transparency effect ending with x and Y.

Properties of the

More examples:

1, ordinary divider line:

2. Divider Width Properties:

3, Separation line position properties:

4, Separation line thickness properties:

5, Separator Line no shadow properties:

6. Separator Line Color properties:

7, the gradient color separator line:

8, the Center transparent separation line:

9, the Center opaque separation line:

10. Wavy Line:

11, three-color line:

12. Dashed line:

13, Vertical line:

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.