用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

新闻列表优秀css+html模板

2015-10-15 作者: 云代码会员举报

[css]代码库

<!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>无标题文档</title>
    <style type="text/css">
		*{padding:0; margin:0;}
		body{font-family:"宋体";}		
		.news{width:98%; margin:0 auto; margin-bottom:5px;}
		.new_title{width:100%; height:25px; line-height:25px; padding-top:10px;background:#fafafa; border-radius:3px; }
		.new_title i{width:22px; height:20px; float:left; display:block; background:url(images/iconfont-link.gif)5px 0 no-repeat;}
		.new_title a{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#36a; margin-left:5px; text-decoration:none; background:#fafafa; cursor:pointer;}
		.new_title a:hover{text-decoration:underline;}
		.new_content{padding:2px 10px; height:100%; border-radius:3px; line-height:20px; background:#fafafa; border-bottom:1px solid #eee;text-indent:2em;color:#808080;font-size:12px;}
		.new_content a{color:#f81616; cursor:pointer;}
		.new_content a:hover{text-decoration:underline;}
		.date{float:right; width:80px; color:gray; font-size:12px;}	
		.input1{width:60px; padding:0; height:28px; line-height:28px; display:block text-align:center; background:#69f; cursor:pointer;; margin:0 5px 0 10px; border:1px solid #69f; border-radius:3px; color:white; font-weight:600;}	
		.input1:hover{background:#39f;}	
	</style>
    
</head>

<body>

	<!-- 搜索 -->
  	<div  style="width:98%;height:50px; line-height:50px; border:1px solid #eee; border-radius:3px;  margin:10px auto; background:#fafafa; margin-left:10px;" >
               	<form>
                <table align="center" border="0" cellpadding="0" cellspacing="0" style=" margin:0 auto; font-size:14px">
                    <tr>
                        <td>
                           关键字&nbsp;&nbsp;
                        </td>
                        <td>
                            <input type="text" style="width:200px; height:25px; line-height:25px; border:1px solid #eee;" value=" "/>
                        </td>
                       
                        <td>
                        	<input type="button" class="input1" value="查询"></input>
                        </td>
                        <td>
							<input type="reset" class="input1" value="清空"></input> 
                        </td>
                    </tr>
                </table>
   				</form>

    </div>
...具体请下载压缩包...

[代码运行效果截图]


新闻列表优秀css+html模板

[源代码打包下载]




网友评论    (发表评论)

共2 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...