请教 Adobe Dreamweaver CSS DW怎么排版和在图片背景上输入文字？附图

Question

本人是学美术的 现在到网络公司上班要做css 由于没有基础 恨做太难呀 要做的内容如下图 800px宽 600px高的模板中插入 宽高170px的小图片 同时小图下面可在网页上自由输入文字 模板背景有颜色 对了如果我想背景是灰色 红色或图案怎么设置？请教 文字长度怎么控制不超过小图的长度并对中对齐 同时怎么控制只能输入两横或三横文字 超出文字也不会使整个布局移位， 只有两个问题：怎么输入文字？ 怎么设置背景颜色或图片？谢谢好人，急死了，希望有高手认真解答下，回答有帮助本人将汇款酬谢！！！

Answer 1

这个可以用div+css排版的：
<style>
.pic_list1{ width:660px; margin:5px auto 6px auto; float:left; border:1px solid #FFF; }
.pic_list1 li{ width:120px; float:left;margin-left:7px; display:inline;}
.pic_list1 li a{display:block;}
.pic_list1 li a img { border:1px solid #CCC; padding:1px;}
.pic_list1 li span a{ width:125px; height:25px; line-height:25px; text-align:center; white-space:nowrap;overflow: hidden;}
</style>

<div class="pic_list1">
<ul>
<li><a href="#"><img src="1.gif"></a><span><a href="#"><图片标题</a></span></li>
</ul>
</div>

参考资料：小马家园

Answer 2

。。。。我觉得你还是专门做美工算了，CSS可能不适合你。