这个可以做为论坛，也可以做留言板 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

这个可以做为论坛，也可以做留言板

深山行者个人网站 2009/2/3 10:39:36 深山行者字体:大中小浏览 4535

以下为详细代码

<!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=gb2312" />
<title>无标题文档</title>
<style>
* {padding:0;margin:0;font-size:14px;}
ul {list-style-type:none;}

.booklist {margin:30px auto;width:940px;}
.booklist li {border-bottom:solid 1px #ecf1f3;padding-top:18px;padding-bottom:18px;}
.booklist .b1 {float:left;width:70px;height:70px;background:url(48_avatar_bg.gif) no-repeat ;}
.booklist .b1 img {border:none;display:inline;margin:5px 0 0 5px;}
.booklist .b1 span {display:none;}
.booklist .b2 {color:#999999;}
.booklist .b2 a {color:#3b5998;margin:0 5px;text-decoration:none;}
.booklist .b3 {float:right;width:865px;color:#444444;padding:5px 0;line-height:20px;word-break:break-all;word-wrap:break-word;}
.booklist .b3 span {font-size:48px;line-height:39px;height:39px;font-weight:bold;color:#7d7d7d;float:right;position:relative;right:0;top:0;}
.booklist .b4 {float:right;width:865px;color:#444444;padding:5px;line-height:20px;word-break:break-all;word-wrap:break-word;background:#f8f8f8;border:solid 1px #d1d1d1;}
.clear1 {clear:both;height:1;font-size:0;}

</style>
</head>

<body>

<li>
		<div class="b1">
			<a href="#">
			<img src="http://www.discuz.net/uc_server/avatar.php?uid=1032329&size=small&type=virtual">
			<span>姓名</span>
			</a>
		</div>
		
		<div class="b2"><a href="#">姓名</a>2009-01-05 12:17</div>
		<div class="b3"><span>1</span>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
		aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
		aaaaaaaaaaaaaaaa</div>
		<div class="b4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
		<div class="clear1"></div>
	</li>

</ul>

</body>
</html>

前一页:利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css

后一页:详解HTML标记里面的em和strong的区别

相关阅读: 页面文字变色、变大、还原; 秀色摄影; 缩写精简不必要的css定义代码来实现控制网页文件大小; 防止点击空链接时，页面往往重置到页首端; div+CSS的无限级扩展下拉菜单(全部加了注释); 非常不错的支持各种浏览器的简易调色板; javascript里confirm在外部文件中调用方法; asp利文本文档加FSO统计网站访问量的方法

共有0条关于《这个可以做为论坛，也可以做留言板》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: AJAX弹出提示信息效果与lightbox效果一样; 非常不错的支持各种浏览器的简易调色板; 呼伦贝尔市北天草原旅行社有限公司; ASP+Access随机读取数据库记录的方法; 我们使用的42个著名搜索引擎; 26件网站推广网页优化必须的事情

更多标签热门标签

按钮手垂直 windows text 广告上下左右拖动左右 mssql 舒服全选 flash 透明爱墙 dreawmeaver 滤镜电脑放大计算字体显示酷网页制作拼音日历树型闭合 max 高度 sel 框绝对理想斜线 base 阴影效果管理背景色 css 调色 media button 爱国缩略图 Response Excel 留言板模版滑动技巧滚动条 CAD