Many times, we only use forms to implement the data collection function. We often see forms that are "one by one" and are not angry. This topic tries to change this phenomenon, try to give the form a colorful look.
The appearance of a form is also the most direct Pattern. You can change it to implement special effects. This article describes CSS magic and image magic in two starting points.
1. CSS magic
CSS is a Cascading Style Sheet that everyone knows. It can define the appearance of page elements, including font styles, background colors and image styles, Border styles, fill-up styles, and border styles, the following describes how to apply CSS to a form and beautify it!
1.1 font style application
Font styles include: font family, font-style, font-variant, and font-weight) font-size and font. The specific definition method is not described here. You can refer to its materials.
You may have noticed that the text on the button is not beautiful, but it can be solved by CSS font styles. Similarly, the other several form items that involve text, such, the font style can be applied to the text box, multi-line text box, password box, and drop-down selection box.
In order to fully demonstrate these applications, we have designed several styles in the following example. In practical applications, we do not have to make such a mess and use them flexibly:
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.