Dreamweaver如何将文字分为左右两栏

Dreamweaver如何将文字分为左右两栏,第1张

采用布局标签

1、使用最简单的table来实现,在dw设计界面插入17行2列的表格,在属性面板(ctrl+f3)修改表格样式,去掉间距、边框、修改td的高度、设置对齐方式等;tr,td之间间距不好调节的话使用鼠标拖拽,所见即所得。

2、使用较为专业的布局方法,div+css,需要一定的知识积累。

.contain{ width:500px margin:10px auto text-align:left line-height:24px}

.contain h3{ color:red}

.left{ width:250px}

.right{ width:250px}

.fl{float:left}

.cl{clear:bouth} <div class="contain">

<h3>主要服务伙伴:</h3>

<div class="left fl">

     <p>文字文字文字文字文字文字文字</p>

        <p>文字文字文字文字文字文字文字</p>

        <p>文字文字文字文字文字文字文字</p>

        <p>文字文字文字文字文字文字文字</p>

    </div>

    <div class="right fl">

     <p>文字文字文字文字文字文字文字</p>

        <p>文字文字文字文字文字文字文字</p>

        <p>文字文字文字文字文字文字文字</p>

        <p>文字文字文字文字文字文字文字</p>

    </div>

    <div class="cl"></div>

</div>

这是效果图

希望我的回答能够帮到你,全部手打。

用float分栏哦,一个大div里放3个小div,全部float:left,就是横向分3栏了。配合padding可以控制分栏间距。

具体结合position:relative、position:absolute、left,top,right,bottom等进行细微地方的位置调整。

要具体说的话,就真的很难三言两语讲完的,知道大致的方向之后查资料动手写,学起来很快的。

1、先打开Dreamweaver。如果事先有好的web源文件,可以直接单击“文件打开”打开web源文件。如果没有,请单击“文件”“新建”以创建新的web源文件。

2、默认情况下,新类型是OK。如果您有其他需要,可以选择页面类型、布局等,然后单击“创建”按钮。

3、创建新网页后,单击“设计”页上的“插入-表单-选择(列表/菜单)”以插入可选择的下拉表单。

4、或者在菜单栏下有一个表单选项图标。将鼠标放在上面显示“选择(列表/菜单)”并单击它,或插入下拉菜单。

5、然后d出接口,您需要输入标记辅助函数的属性。用英文或数字填写身份z。标记是下拉菜单的相应数据标题,如地址、性别等。在此处填写“性别:”然后单击“确定”。

6、d出是否添加表单标签的提示,选择“是”。

7、此时,下拉菜单将插入页面。单击下面的列表值将内容添加到下拉菜单中。

8、跳出列表值界面,并填写项目标签上的下拉菜单选项。例如,我想在这里制作一个性别选择下拉菜单。在这里,填写男性值和项目标签。

9、然后单击加号在下面添加新标签和值,并填写阴性。然后单击“确定”按钮。

10、然后单击界面上箭头指示的小图标,选择一个浏览器,然后单击它以查看浏览器上的预览效果。

11、此时,系统将提示您保存对网页文件的更改。选择“是”保存。

12、然后您可以看到您在浏览器上创建的下拉菜单的外观。单击一次下拉箭头选择,


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11578503.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存