百度首页 | 百度空间
 
查看文章
 
css实现下划线式输入框及按钮式超链接
2008-06-08 20:46

原文:http://hi.baidu.com/liveinyc/blog/item/f32a2a3e11e8abfe838b13b1.html

<head>
<style type=text/css>
a{
font-family:宋体;
font-size:10pt;
text-align:center;
margin:3px;
}
a:link,a:visited{
color:#a62062;
padding:4px 10px 4px 10px;
background-color:#ecd8db;
text-decoration:none;
border-top:1px solid #eeeeee;
border-left:1px solid #eeeeee;
border-right:1px solid #717171;
border-bottom:1px solid #717171;
}
a:hover{
color:#a32023;
padding:5px 8px 3px 12px;
background-color:#00dd00;
text-decoration:none;
border-top:1px solid #717171;
border-left:1px solid #717171;
border-right:1px solid #eeeeee;
border-bottom:1px solid #eeeeee:
}
</style>
</head>
<body>
<a href=#>首页</a>
<a href=#>产品展示</a>
</body>

<head>
<style type=text/css>
body{
font-size:10pt;
}
.txt{
border-bottom:1px solid #005aa7;
color:#005aa7;
border-left:0px;
border-right:0px;
border-top:0px;
background-color:transparent;   
width:60px;
}


</style>
</head>
<body>
<form >
请输入用户名:<input type=text class="txt" name="username" >

</form>
</body>


类别:网络无心~ | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu