位置:首页 > 软件操作教程 > UI设计软件 > Adobe Dreamweaver > 问题详情

怎么定义方框样式在Dreamweaver 2014中

提问人:刘旭39发布时间:2020-11-11

定义方框样式

在前面章节中曾经介绍过如何使用属性面板设置图像的大小、图像水平和垂直方向上的空白区域 以及设置图像是否有文字环绕效果等。方框样式完善并丰富了这些属性设置,可定义特定元素的大小及其与周围元素间距等属性在CSS规则定义对话框左侧,“分类”列表框中选择“方框”选项,然后在右侧详细设置方框样式,如图所示。image.png

(1) Width (宽)和 Height (高)文本框:设置元素的大小,只有被应用于块状元素时,Dreamweaver的编辑窗口中才会显示该属性。

(2) Padding (填充)选项:设置元素内容和边框(如果没有边框则为边缘)之间的空间大小。可以在下面对应的Top (上)、Bottom (下)、Left (左)、Right (右)各项中设置具体的值和单位。填充属性在编辑窗口中不显示效果。

(3) Float C浮动)下拉列表框:设置应用样式的元素浮动位置。利用该选项,可以实现元素的并列显示,如果选择丨eft (左对齐)或者right C右 对齐),则将元素浮动到靠左或靠右的位置。其他环绕移动元素则保持正常。

(4)Clear (清除)下拉列表框:设置浮动元素的哪一边不允许有其他浮动元素。如果在被清除 的那一边有其他浮动元素,则当前浮动元素会自动移动到下面显示。

(5)Margin (边界)选项:设置元素边框和其他元素之间的空间大小。只有在被应用于块状元 素(如段落、标题、列表等)时,Dreamweaver的文档窗口中才会显示读属性。

例如,定义标签li的Margin和Padding的Right都为6px,Float为left,单击“确定”按钮关闭 对话框,保存文件,然后按F12键在浏览器中预览效果。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部