How do I add color to the HTML table single-sided box? The border color instance of the HTML form label

Source: Internet
Author: User
Tags border color html form
This article mainly describes the HTML form of the border plus color, you can change any of the colors you want can be, there are instances of parsing, easy to watch, let's take a look at this HTML form border color of the article bar

The first thing we say is how to add color to the border of a form?

<input> tags are used to collect user information. The input field has many forms, depending on the value of the type attribute. The input field can be a text field, a check box, a masked text control, a radio button, a button, and so on.

Tip:,<input> tags do not have an end tag in HTML, and,<input> tags must be closed correctly in XHTML.

Tip: Use the LABEL element to define a label for a form control.

Let's look at an example of using an HTML table single-sided box:

<form action= "form_action.asp" method= "get" >  Please enter user name: <input type= "text" name= "FName"/></br>  Duplicate user name: <input type= "text" name= "lname"/></br>  <input type= "Submit" value= "Submit"/></form >

The effect shown in the browser is:

This effect is believed to have been seen and used many times.

This is not added to the border, now say how to add a border:

This article uses CSS styles to set the border lines, such as adding a style like this:

<style>form{    border:3px solid red;} </style>

The effect comes out, let's knock out all the code together:


Now look at the effect, there is no 3 pixel border:

, added a three-pixel red border to the form is wrapped up, this code is not very simple, we will be able to adjust the color of the border line, and pixel adjustment can be.

This article about the border of the HTML form to the end of this (want to learn more programming knowledge, Welcome to topic.alibabacloud.com study), there are questions can be asked below.

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.