模仿“百度”及 改变按钮、文本框样式(CSS)
2008-04-07 16:10
351 查看
效果请看『附件』。-_-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BaiDu</title>
<style type="text/css">
<!--
p{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
p.title{
padding-bottom:0px;
font-size:16px;
}
p.content{
padding-top:3px;
font-size:13px;
line-height:18px;
}
p.link{
font-size:13px;
padding-bottom:25px;
color:#008000;
}
span.search{
color:#c60a00;
text-decoration:underline;
}
span.quick{
text-decoration:underline;
color:#666666;
}
.btn{ /*将按钮做成类似文字的样式*/
border:0px;
background-color:transparent;
text-decoration:underline;
}
.txt{ /*将文本框做成横线的样式*/
border-bottom:1px solid #005aa7;
color:#005aa7;
background-color:transparent;
border-left:0px;
border-right:0px;
border-top:0px;
}
-->
</style>
</head>
<body>
<p class="title"><a href="#"><span class="search">拉萨</span>3-14打砸抢烧事件-搜狐视频</a></p>
<p class="content">达赖所谓"中国军人扮喇嘛"照片实为拍电影 日前,有国外媒体称:有中国军人扮成僧侣,并刊登出一幅“数十名武警手里抱着喇嘛的僧袍”的照片。<span class="search">拉萨</span>据确认,这是一张2001年拍摄的照片,与"3.14打、砸、抢、烧”严重暴力事件完全无关…[详细] ... </p>
<p class="link">tv.sohu.com/s2008/xizang/ 60K 2008-4-6 - <span class="quick">百度快照</span> </p>
<input type="submit" name="bt_submit" value="提交》" class="btn" />
<input type="text" name="txt_box" class="txt" />
</body>
</html>
本文出自 “技术旅途上蹒跚的步行者” 博客,请务必保留此出处http://yardan.blog.51cto.com/304821/70216
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BaiDu</title>
<style type="text/css">
<!--
p{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
p.title{
padding-bottom:0px;
font-size:16px;
}
p.content{
padding-top:3px;
font-size:13px;
line-height:18px;
}
p.link{
font-size:13px;
padding-bottom:25px;
color:#008000;
}
span.search{
color:#c60a00;
text-decoration:underline;
}
span.quick{
text-decoration:underline;
color:#666666;
}
.btn{ /*将按钮做成类似文字的样式*/
border:0px;
background-color:transparent;
text-decoration:underline;
}
.txt{ /*将文本框做成横线的样式*/
border-bottom:1px solid #005aa7;
color:#005aa7;
background-color:transparent;
border-left:0px;
border-right:0px;
border-top:0px;
}
-->
</style>
</head>
<body>
<p class="title"><a href="#"><span class="search">拉萨</span>3-14打砸抢烧事件-搜狐视频</a></p>
<p class="content">达赖所谓"中国军人扮喇嘛"照片实为拍电影 日前,有国外媒体称:有中国军人扮成僧侣,并刊登出一幅“数十名武警手里抱着喇嘛的僧袍”的照片。<span class="search">拉萨</span>据确认,这是一张2001年拍摄的照片,与"3.14打、砸、抢、烧”严重暴力事件完全无关…[详细] ... </p>
<p class="link">tv.sohu.com/s2008/xizang/ 60K 2008-4-6 - <span class="quick">百度快照</span> </p>
<input type="submit" name="bt_submit" value="提交》" class="btn" />
<input type="text" name="txt_box" class="txt" />
</body>
</html>
本文出自 “技术旅途上蹒跚的步行者” 博客,请务必保留此出处http://yardan.blog.51cto.com/304821/70216
相关文章推荐
- css样式之区分input是按钮还是文本框的方法
- css 自定义全局的input样式(提交按钮,文本框)
- 改变文本框、按钮样式函数
- 改变文本框、按钮样式函数
- 使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式
- 改变文本框、按钮样式函数
- 使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式
- css改变下拉按钮的样式
- css:hover状态改变另一个元素样式的使用
- css单选/多选按钮样式改变
- 用css改变默认的checkbox样式
- css之hover改变子元素和其他元素样式
- css去掉iPhone、iPad默认按钮样式
- jQuery应用-实现文本框获取焦点时改变样式
- CSS按钮和超连接样式
- JS模仿编辑器实时改变文本框宽度和高度大小的方法
- 设置文本框样式和修改按钮样式
- css去掉iPhone、iPad默认按钮样式
- 用css改变鼠标选中文字的样式
- [iOS]UITableView滑动删除按钮样式改变