模仿“百度”及 改变按钮、文本框样式（CSS）
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://approlife.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://approlife.blog.51cto.com/304821/70216 本文出自 51CTO.COM技术博客 |
附件下载：
CSS
CSS
approlife
博客统计信息
热门文章
最新评论
友情链接