‘壹’ 网页在div中输入文字的问题
指定DIV的宽度后,给DIV加上overflow:hidden;white-space:nowrap;
这两个样式就可以实现不自动换行,超出的div内容不会显示出来
‘贰’ 怎样使用div标签
这个其实是利用CSS样式实现的,比如在页面上输入以你像你所说的
<div id="top_ad"></div>
然后通过另一个*.css 文件编写一个相应的css样式如:
#top_ad {
background-image: url(file:///D|/photo/%E9%87%91%E5%B1%9E%E6%84%9F.jpg);<!--url后面跟随的是图片路径-->
height: 500px;<!--div的高度属性-->
width: 500px;
}
‘叁’ HTML或者div怎么实现在编辑框中可以自由输入文字,添加图片,链接等等
需要在相应的 DIV 中加入编辑器,算是一个插件,网上有 XHTML 等都可以用。
‘肆’ 用div怎样制作网页特效
启动dreamweaver cs5,执行文件-新建命令,在弹出的新建文档对话框选择html文件,点击创建按钮。
网页中如何使用div展示图片效果
在标签<title>无标题文档</title>中修改名称为<title>div布局图片效果</title>。
网页中如何使用div展示图片效果
在<title>标签下方输入<style>相关的代码,定义网页的整体样式,样式直接影响着网页的美观程度。
网页中如何使用div展示图片效果
接着在<body>中输入div标签三个,并分别设置他们所属于的类,最外边的div设置类为db,中间两个分别为zpxc1和zpxc,在下方就会看到基本的框架效果。
网页中如何使用div展示图片效果
外部的框架设计好之后,接着设计使用div布局图片,书写相应的代码,设置div的尺寸大小和相关属性,同时设计图片的相关属性。
代码为:
div.pt img{margin:0px; height:220px; width:120px; margin-top:10px; border: 1px solid #333;}
div.pt{float:left; height:240px; width:140px; margin:6px; padding:0px; margin-top:10px; filter:light; background:#333; margin-left:0.8em;}
.pic{ float:right;}
在类为zpxc1的div中建立新的四个div,并设置img的 src属性值,对图片进行正确的链接。
按f12进行在浏览器中进行预览效果,出现提醒信息“是否将改动保存到”,直接点击是,找一个合适的位置进行保存。
接着在类为zpxc的div中输入“作品展示”四个字,再次才看效果,如果不合适可进行再次修改。
如果图片过多,可以修改类zpxc1和db的高度,反复修改直至合适为止,重复步骤6、7采用同样的方法建立多个图片div。
如果对“作品展示”四个字不满意的话,可以使用图片进行替换,达到满意为止,再次按f12进行在浏览器中进行查看效果,
执行文件-另存为命令,在弹出的对话框中输入名称为“div布局图片”,找到一个合适的位置进行保存即可。
‘伍’ html 怎么把网页分块,div
1、启动dreamweaver cs5,在弹出的对话框窗口中选择html,进入主界面编辑区域。
‘陆’ 如何用DIV+CSS进行网页样式布局
一、选择“div标签”命令
打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对象】【div标签】命令,打开“div标签”对话框。
二、输入div标签名称
1、在“ID”列表框中选择“top”
2、单击“新建css规则”按钮准备进行css规则定义
三、新建css规则
在打开的对话框中保持默认设置,单击“确定”按钮进行css规则新建。
四、设置属性
1、在“分类”列表框中选择“方框”选项。
2、在窗口右侧进行css规则定义,其中margin值的设置非常重要,“left”及“right”为auto,则可让div页面水平居中。
3、单击“确定”按钮。
五、创建div按钮
返回“插入div标签”,单对话框,单击“确定”按钮,完成div标签的插入
六、查看创建的div
将鼠标光标定位在div,即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。