13 common CSS styles such as buttons, text boxes, and forms

Although CSS style learning requires more practices, more cases, and thinking, sometimes it is very important to pay attention to data collection and sorting, in actual development, it often gets twice the result with half the effort.

I. Button Style

Reference content is as follows: Example Source Code . Buttoncss { Font-family: "tahoma", ""; Font-size: 9pt, color: #003399; Border: 1px #003399 solid; Color: #006699; Border-bottom: #93bee2 1px solid; Border-left: #93bee2 1px solid; Border-right: #93bee2 1px solid; Border-top: #93bee2 1px solid; Background-image: url (../images/bluebuttonbg.gif ); Background-color: # e8f4ff; Cursor: hand; Font-style: normal; Width: 60px; Height: 22px; }

2. Blue buttons

Reference content is as follows: Example Source Code . Bluebuttoncss { Font-family: "tahoma", ""; Font-size: 9pt, color: #003366; Border: 0px #93bee2 solid; Border-bottom: #93bee2 1px solid; Border-left: #93bee2 1px solid; Border-right: #93bee2 1px solid; Border-top: #93bee2 1px solid ;*/ Background-image: url (../images/blue_button_bg.gif ); Background-color: # ffffff; Cursor: hand; Font-style: normal; }

3. Red Buttons

Reference content is as follows: Example Source Code . Redbuttoncss { Font-family: "tahoma", ""; Font-size: 9pt; color: # 0066cc; Border: 1px #93bee2 solid; Border-bottom: #93bee2 1px solid; Border-left: #93bee2 1px solid; Border-right: #93bee2 1px solid; Border-top: #93bee2 1px solid; Background-image: url (../images/redbuttonbg.gif ); Background-color: # ffffff; Cursor: hand; Font-style: normal; }

4. select button

Reference content is as follows: Example Source Code . Selectbuttoncss { Font-family: "tahoma", ""; Font-size: 9pt; color: # 0066cc; Border: 1px #93bee2 solid; Border-bottom: #93bee2 1px solid; Border-left: #93bee2 1px solid; Border-right: #93bee2 1px solid; Border-top: #93bee2 1px solid; Background-image: url (../images/blue_button_bg.gif ); Background-color: # ffffff; Cursor: hand; Font-style: normal; }

• Three pages in total:
• Previous Page
• 1
• 2
• 3
• Next Page