一个简单的布局的方法html

双人鱼XKQ 发布于 2013/08/31 21:54
阅读 1K+
收藏 0

 想请教一下,就是这个布局的方式是怎么弄出来的?

具体的是指,外面的这个边框,和职业生涯这个灰色的一块儿。

如图:


看到很多网站的内容都是用这里的这个框子包起来的,

求解~~!非常感谢!

加载中
0
王铁锤
王铁锤
div or table + css
模糊的星空
模糊的星空
sss
双人鱼XKQ
双人鱼XKQ
具体的能不能给个例子呢?非常的感谢啊 !
0
chunquedong
chunquedong
右键察看网页源码
模糊的星空
模糊的星空
回复 @chunquedong :
chunquedong
chunquedong
回复 @追逐梦想 : 我也不会
双人鱼XKQ
双人鱼XKQ
能帮我写一个例子吗?网页的代码实在是太多了,一时看不懂,谢谢!
0
王铁锤
王铁锤
<div class="body">
<div class="hottags">
	<strong>热门招聘城市:</strong>
		<a href="/job/?addr_prv=北京">北京</a>
		<a href="/job/?addr_prv=上海">上海</a>
		<a href="/job/?addr_prv=重庆">重庆</a>
			<a href="/job/?addr_prv=广东&amp;addr_city=%E5%B9%BF%E5%B7%9E">广州</a>
		<a href="/job/?addr_prv=广东&amp;addr_city=%E6%B7%B1%E5%9C%B3">深圳</a>
		<a href="/job/?addr_prv=浙江&amp;addr_city=%E6%9D%AD%E5%B7%9E">杭州</a>
		<a href="/job/?addr_prv=江苏&amp;addr_city=%E5%8D%97%E4%BA%AC">南京</a>
		<a href="/job/?addr_prv=四川&amp;addr_city=%E6%88%90%E9%83%BD">成都</a>
		<a href="/job/?addr_prv=福建&amp;addr_city=%E5%8E%A6%E9%97%A8">厦门</a>
		<a href="/job/?addr_prv=辽宁&amp;addr_city=%E5%A4%A7%E8%BF%9E">大连</a>
		<a href="/job/?addr_prv=湖北&amp;addr_city=%E6%AD%A6%E6%B1%89">武汉</a>
		<a href="/job/?addr_prv=湖南&amp;addr_city=%E9%95%BF%E6%B2%99">长沙</a>
	</div>

<table width="100%" cellspacing="0" cellpadding="0" id="j_list_$ipage">
						    			    			        		<tbody><tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1245783_6869" target="_blank" title="AS+FLEX/声纹,地点不限" class="thread_type_20" style="">
    						AS+FLEX/声纹,地点不限
    					</a>
    					<span class="stat" style="margin-left:0;">(上海连壳网络科技有限公司)&nbsp;&nbsp;&nbsp;昨天(22:27) By 另客网星探</span>
    				</td>
        			<td class="last_post">0评/191阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1257932_6868" target="_blank" title="PHP开发工程师(手游)" class="thread_type_1" style="">
    						PHP开发工程师(手游)
    					</a>
    					<span class="stat" style="margin-left:0;">(上海享游信息技术有限公司)&nbsp;&nbsp;&nbsp;昨天(19:10) By 享游</span>
    				</td>
        			<td class="last_post">0评/263阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1257843_6867" target="_blank" title="PHP程序员" class="thread_type_1" style="">
    						PHP程序员
    					</a>
    					<span class="stat" style="margin-left:0;">(杭州泰联科技有限公司)&nbsp;&nbsp;&nbsp;昨天(18:30) By 泰联科技</span>
    				</td>
        			<td class="last_post">0评/171阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1257933_6866" target="_blank" title="安卓系统手机应用(游戏)开发" class="thread_type_1" style="">
    						安卓系统手机应用(游戏)开发
    					</a>
    					<span class="stat" style="margin-left:0;">(热闹(上海)网络科技有限公司)&nbsp;&nbsp;&nbsp;昨天(18:06) By 热闹网络科技</span>
    				</td>
        			<td class="last_post">0评/158阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1256525_6864" target="_blank" title="IOS/Android开发" class="thread_type_1" style="">
    						IOS/Android开发
    					</a>
    					<span class="stat" style="margin-left:0;">(上海申朴信息技术有限公司)&nbsp;&nbsp;&nbsp;昨天(16:17) By 萱儿</span>
    				</td>
        			<td class="last_post">2评/173阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1257277_6863" target="_blank" title="PHP高级工程师" class="thread_type_1" style="">
    						PHP高级工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(武汉迪友商务信息有限公司)&nbsp;&nbsp;&nbsp;昨天(14:37) By 迪友</span>
    				</td>
        			<td class="last_post">0评/205阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/592912_6862" target="_blank" title="高级JS研发工程师" class="thread_type_1" style="">
    						高级JS研发工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(新华网股份有限公司)&nbsp;&nbsp;&nbsp;昨天(14:29) By 姬先生</span>
    				</td>
        			<td class="last_post">0评/230阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1256920_6859" target="_blank" title="客户端开发工程师" class="thread_type_1" style="">
    						客户端开发工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(深圳市奇迹通讯有限公司)&nbsp;&nbsp;&nbsp;昨天(13:33) By Fans限量版...</span>
    				</td>
        			<td class="last_post">1评/157阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/859502_6857" target="_blank" title="Python Web 工程师" class="thread_type_1" style="">
    						Python Web 工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(珠海迅时通信科技有限公司)&nbsp;&nbsp;&nbsp;昨天(12:54) By AronLau...</span>
    				</td>
        			<td class="last_post">4评/406阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1253122_6856" target="_blank" title="高级程序员" class="thread_type_1" style="">
    						高级程序员
    					</a>
    					<span class="stat" style="margin-left:0;">(深圳中彩神科技发展有限公司)&nbsp;&nbsp;&nbsp;昨天(10:36) By 中彩神科技...</span>
    				</td>
        			<td class="last_post">0评/259阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1257322_6855" target="_blank" title="CDMA/WCDMA工程师" class="thread_type_1" style="">
    						CDMA/WCDMA工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(武汉柏松科技有限公司)&nbsp;&nbsp;&nbsp;昨天(9:29) By 武汉柏松科...</span>
    				</td>
        			<td class="last_post">0评/214阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/31216_6853" target="_blank" title="【百度】PHP软件工程师" class="thread_type_1" style="">
    						【百度】PHP软件工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(百度)&nbsp;&nbsp;&nbsp;昨天(8:12) By 代黎明</span>
    				</td>
        			<td class="last_post">3评/694阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/130014_6852" target="_blank" title="一周兼职 二次开发" class="thread_type_1" style="">
    						一周兼职 二次开发
    					</a>
    					<span class="stat" style="margin-left:0;">(青岛全景都市网络有限公司)&nbsp;&nbsp;&nbsp;2天前 By 夏磊 非马</span>
    				</td>
        			<td class="last_post">0评/687阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/1257172_6851" target="_blank" title="IOS工程师 北京 " class="thread_type_1" style="">
    						IOS工程师 北京 
    					</a>
    					<span class="stat" style="margin-left:0;">(新华猎头)&nbsp;&nbsp;&nbsp;2天前 By harry_ma...</span>
    				</td>
        			<td class="last_post">2评/240阅</td>					
        		</tr>
											    			        		<tr>
        			<td class="thread">
    					<a href="http://www.oschina.net/job/detail/593055_6850" target="_blank" title="【急聘】 iOS高级开发工程师" class="thread_type_1" style="">
    						【急聘】 iOS高级开发工程师
    					</a>
    					<span class="stat" style="margin-left:0;">(北京天智通达信息技术有限公司)&nbsp;&nbsp;&nbsp;2天前 By Vcread</span>
    				</td>
        			<td class="last_post">4评/397阅</td>					
        		</tr>
							</tbody></table>
<div class="area_more" id="positions_area">
	<a href="/job" class="more">进入招聘版块&nbsp;»</a>
	<div class="clear"></div>
</div>
</div>
返回顶部
顶部