Use CSS style change forms borders

Posted by john
5/16/2007
Related Tags:
style  div borders  div style  css style  css style sheet  Border Style  List Style Type  List Style Image  List Style Position  List Style  Font Style  Cascading Style Sheets  CSS style design  css borders  css mouse style 

  Change forms borders with the css style, it is a practical method. 

  Production Methods: 
  The following code will be copied to ~ <body> </ body>, which is hidden under the rim 
  <table Border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111" width="90"> 
  <tr Align="center"> 
  <td Style="border-bottom-style: none; border-bottom-width: medium" height="25"> hidden below </ td> 
  </ Tr> 
  </ Table> 

  The following code will be copied to ~ <body> </ body>, which is hidden on the frame 
  <table Border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0" bordercolor="#111111" width="90"> 
  <tr Align="center"> 
  <td Height="25" style="border-top-style: none; border-top-width: medium"> hidden on the frame </ td> 
  </ Tr> 
  </ Table> 

  The following code will be copied to ~ <body> </ body>, which is hidden left frame 
  <table Border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 0" bordercolor="#111111" width="90"> 
  <tr Align="center"> 
  <td Style="border-left-style: none; border-left-width: medium" height="25"> left hidden frame 
  </ Td> 
  </ Tr> 
  </ Table> 

  The following code will be copied to ~ <body> </ body>, which is hidden right frame 
  <table Border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-right-width: 0" bordercolor="#111111" width="90"> 
  <tr Align="center"> 
  <td Style="border-right-style: none; border-right-width: medium" height="25"> hide the right frame 
  </ Td> 
  </ Tr> 
  </ Table> 

  At this point you can complete this example, you can try their own! Do not understand what could be asked of me!. 

Related articles:

FW MX 2004 Guide (5): [Editor
  1 2 Next    Fireworks provided us with a powerful text design features for text input and settings to provide a professional text-editing features, can be easily imported to the text, such as font, size, shape, filling, Maobian, about the distance from top to bottom, Since the def...
CSS series data layer separation model and style of management
  These days designers are part of China XTHML + CSS mode into the embrace.    Some people say that good, it was difficult to say, some people say that have no commercial value, it is said that this is the future direction.    In the end the future is not in the direction o...
DW Web Design Guide - colorful text link
  [Website links can be said to be the most common page elements, the default text style links are underlined with the effect of such a change the appearance of Chen may make a lot of friends want to change it, to make it Pages with the overall results, since the style sheet is widely used, thi...
Flash cartoon characters in the rapid production of the running
  The rapid running cartoon characters  <embed src="http://www.flash8.net/bbs/UploadFile/2004-6/200462220044245.swf" quality=high pluginspage='<a target=_blank href=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'>   Http://www.macro...
Flash introduced through examples of the use of graphics instructions
  Effects:  <embed src=http://www.webjx.com/upfiles/20060412/20060412111028_01.swf pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=500 height=300>   Click here to download the source ...