Textbox Codes-Texbox Border - 书目录

Textbox Codes-Texbox Border

This page demonstrates how to create a textbox border around your HTML textboxes.

Textboxes are input fields created by the <textarea> element. You can use the CSS border property to add a border around your HTML textboxes. You can also use border-width, border-style, and border-color, but the border property covers all of these anyway.

Here are some examples of textbox borders.

Solid Textbox Border

Source Code Result



Dashed Textbox Border

Source Code Result



Dotted Textbox Border

Source Code Result



Double Textbox Border

Source Code Result



Outset Textbox Border

Source Code Result



Inset Textbox Border

Source Code Result



Grooved Textbox Border

Source Code Result



Ridged Textbox Border

Source Code Result



Various Textbox Borders

You can also specify different styles/colors/widths for each side of your textbox. You can also specify that the border should only be placed on one/two/three sides of the text box.

Source Code Result



Textbox Border on 1 Side Only

You can also specify that the border should only be placed on one side of the text box. Example:

Source Code Result



Textbox Border on 1 Side Only

You can also use the above technique to place a border on two or three sides of the text box. Example:

Source Code Result



133873

 

英语原文:http://www.html.am/html-codes/textboxes/textbox-border.cfm 由工具自动翻译,由书目录整理