DW的css设计里方框和边框之间有什么区别?

dreamweaver的css设计里方框和边框之间有什么区别?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

dw css设计里方框和边框的区别

方框是用来定义各种距离,凡是和距离有关的,像间距,边距等都是在这里设了,而边框就是用来给指定的元素加上一个边框,可分别加上下左右的边框,例如你可以只加一个下边框,且设为虚线边框,这样可以在所选元素下显示一条虚线。

具体介绍:

1、边框设置。

点击打开css规则定义对话框,选择左侧的边框,打开边框属性设置。

1.png

选择样式,style就是边框的样式,这里面有很多种,就是边框的线条样式,有点线、虚线、实线、双重线等等,可以各种都尝试一下。

2.png

3.png

设置粗细,width就是设置边框线条的粗细,有自带的样式,也可以直接输入数值,color就是边框的颜色,可以根据需要设置。

4.png

5.png

6.png

2、设置方框。

点击打开css规则定义对话框,选择左侧的方框,打开方框属性设置。

7.png

设置方框的大小。方框可以直接设置方框的大小,直接输入宽和高。

8.png

9.png

设置填充。填充就是方框离里面内容的间距。可以设置5px来看看效果。

10.png

11.png

设置边界,边界就是方框离上下左右内容的距离,可以全部一样,也可以分开放置,设置20px来看看效果。

12.png

13.png

14.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是DW的css设计里方框和边框之间有什么区别?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Dreamweaver

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏