There is no underline link this link to use CCS technology, even if you don't understand CCS, you only need to add the following code to page source code
head> to achieve no underscore link.A {text-decoration: none}
style>
Remove the link underlined skills
and head> between the underscore, there is no trace!Note that the "Body> tab of the web page can no longer have the properties such as link, otherwise the effect will be invalid!
A: Link {text-decoration: none}
A: visited {text-decoration: none}
A: Hover {color: # ff00ff; text-decoration: underline}
->
style>
Customize colorful web links Underline CSS itself does not directly provide transform HTML links underlined, but as long as we use some tips, we can make monotonic web links underlined colorful. 1. Basic principle First, the first step of custom HTML link Underline is to create a graphic, repeatedly placed this graph in the horizontal direction, forming the underline effect. If you want to display the web background behind the underline, you can use a transparent .gif graphic. Second, if the height of the underlined graph is large, the height of the text must be increased, so that there is a large space between the bottom of a line of text and the top of the next line of text, such as P {line-height: 1.5;}.
Custom link scribe example
Third, in order to show the underscore defined, the default underscore must be hidden, namely a {text-decoration: none;}. Fourth, set the underscore pattern for the link element to construct a self-defined underscore. Assuming that the underscore graphic is underline.gif, set the CSS code of the next scribal graphic to a {background-image: URL (underline.gif);}. Fifth, we must let the underline pattern repeatedly appear in the horizontal direction, but cannot be repeated in the vertical direction, otherwise it will be hidden behind the text. The code is required to repeat the code only in the horizontal direction to: a {background-repeat: repeat-x;}. Sixth, in order to ensure that the graphics appear below the link text (regardless of the size of the font), the graph is placed on the bottom of the link element with the Background-Position property. Underline graphics such as arrows, you may also consider the direction of the graphic in the horizontal direction. Suppose you want to put the underscore graphic in the lower right corner, the CSS code is: a {background-position: 100% 100%;}. Seventh, in order to leave space to the custom graphics below the link text, the appropriate blank must be added. Underline graphics relative to the specific location of the link text is related to the size of the text, but in general, the bottom blanks can be equal to the height of the underscore graphic, if necessary, adjust. For example: a {padding-bottom: 4px;}. Eighth, since the underscore pattern is placed at the bottom of the link element, it must be guaranteed that the link is not folded (if the link is allowed to span multiple lines, only the link text of the following line will have a custom underscore below. Use CSS's White-Space property to prevent link text fold, namely A {White-Space: Nowrap;}. In summary, a complete example of CSS style properties is defined for link elements such as: a {text-decoration: none; background: URL (underline.gif) REPEAT-X 100% 100%; Padding-Bottom: 4px; White-Space : Now;} If you want to let the custom underscore appear while the mouse stays, as long as the CSS Background attribute directly set directly on the link element: Hover, for example: a {text-decoration: None; Padding-bottom: 4px WHITE-SPACE: NOWRAP;} A: Hover {Background: URL (underline.gif) Repeat-x 100% 100%; (Flowers) The former is high, wide is 3, 9, the latter is high, and the width is 11, 15. Here is a complete example of setting two underscores: custom link underlined