Home > Developer > Web Develop
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<TITLE>CSS pseudo-Class control links </title>
<style type= "Text/css" >
A:link{color:black; text-decoration:underline;}
a:visited{color:red; text-decoration:line-through;}
A:hover{color:blue; text-decoration:overline;}
A:active{color:green; Text-decoration:blink}
a.web:visited{Color:gold;} /* pseudo-class works with CSS classes */
input{
height:30px;
width:300px;
border:2px Solid Gold;
vertical-align:middle;/* set the text outside the input box in the middle position outside the input box */
line-height:30px;/* The line height is set to the same height value, the text appears in the middle of the vertical direction */
}
Input:focus{background: #CCFFFF;} /* The input box becomes focus IE6/7 not supported */
</style>
<body>
<a href= "http://www.baidu.com" class= "Web" > Web Design </a>
<a href= "http://www.baidu.com" > Graphic design </a>
<a href= "http://www.baidu.com" > Anime design </a>
<a href= "http://www.baidu.com" >java design </a>
<a href= "http://www.baidu.com" >php design </a>
<a href= "http://www.baidu.com" >ios design </a>
<label> Username: <input type= "text" name= "username"/></label>
<label> Password: <input type= "password" name= "PSW"/></label>
</body>
14_CSS pseudo-Class control links. html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
