Dreamweaver制作虚线边框表格教程

2018-11-2819:26:40网页制作Comments5,688 views字数 355阅读模式

Dreamweaver是中想要制作虚线边框,该怎么让边框虚线化呢?下面我们就来看看dw制作虚线边框的教程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

方法一:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

1、打开Dreamweaver软件,新建一个HTML文档。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

Dreamweaver制作虚线边框表格教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

2、点击“插入”,选择“Table”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

Dreamweaver制作虚线边框表格教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

3、在table内加入一个内联样式,使用CSS设置器进行设置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

Dreamweaver制作虚线边框表格教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

4、在CSS设置器的属性内将border—style的属性设置为dashed即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

Dreamweaver制作虚线边框表格教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

方法二:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

进入代码编辑窗口,在css或者和之间插入下面这段代码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

table{bordr:1px dashed color#66666;}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

意思是边框为1像素 虚线 边框颜色是灰色,这个时候你的那个表格的下边框就是灰色虚线的了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

<style>
table{bordr:1px dashed color#66666;}
</style>

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

以上就是dw制作虚线边框的教程,希望大家喜欢。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/8162.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/8162.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定