Question

div+css，怎样做出这种表格效果？

见图

用div做出来，不是div里嵌套入表格！
表格边框div属性可以做出来，但是要很细的？
另外“图片新闻” 这样一格，怎样用div做出 像单元格 的效果来？

Answer 1

给你个代码
<div style="border:1px solid #ccc; width:400px; height:300px;">
<div id="title" style="float:left; padding:8px 10px; width:380px; height:14px; background-color:#666; font:bold 14px '宋体'; color:#fff;">
>> 图 片 新 闻
</div>
</div>
你给的例子里，图片新闻和箭头 ，那个是用图片做的。我这个就是纯文字，你可以根据我这个代码在改写下。

Answer 2

那两个小三角形只能是图片，或者整个蓝色区域是一张图片。要用到2个div，如果是整个蓝色区域是一张图片，那就一个用来放图片img，一个用来放下面的板块。

Answer 3

背景图 + 边框
找个html、css教程从头学起吧，这是最最基础的东西了。