• 首  页
  • w10系统
  • win11系统
  • 雨林木风w10
  • 深度系统w10
  • 番茄花园w10
  • 萝卜家园w10
  • 系统之家w10
  • 电脑公司w10
当前位置: 主页 > 系统教程 > 如何配置dreamweaver表格边框颜色?
如何配置dreamweaver表格边框颜色?

如何配置dreamweaver表格边框颜色?

时间:2014-05-10    作者:w10系统之家    来源:http://www.2015w10.cc

如何配置dreamweaver表格边框颜色??
如何配置dreamweaver表格边框颜色?网页设计上的表格颜色默认显示的都是黑色的,虽然看起来很清楚,想要做出彩色边框却需要Css样式的协助,如果您不是很知道Css表格样式,可以看看下文介绍!

  如何配置dreamweaver表格边框颜色?

  1、启动Adobe dreamweaver软件,单击欢迎界面窗口中的新建HTML按钮,创建一个新的空白网页文档。

  2、保存文档后,将dreamweaver窗口右上角的工作区布局更改为“经典”布局方式,这样可以让“插入”面板显示出来。

  3、单击“常用”面板当中的“插入表格”按钮,弹出“表格”对话框,配置插入的表格为3行3列,宽度600像素(大家可以根据自己的需要配置行列以及宽度值),边框粗细、单元格边距和间距均配置为0,你们等会用Css样式来控制它们。

  4、表格插入后,在单元格中任意输入文本。然后单击dreamweaver窗口右边“Css样式”浮动面板上的“新建Css样式规则”按钮,弹出“新建Css规则”对话框。

  5、在“新建Css规则”对话框的“选择器类型”下拉列表中选择“标签(重新定义HTML元素)”选项,“选择器名称”的下拉列表中选择“table”也便是表格的标签,“规则定义”选项默认为“仅限该文档”(如果需要对其他文档中的表格也使用此样式可更改此选项)。

  6、单击“确定”按钮后打开“table的Css规则定义”对话框,选择左边“分类”选项中的“边框”项,你们来对表格的外边框进行配置。将右边窗口中“样式”、“边框”、“颜色”栏下“具体相同”的复选框取消勾选,因为对于表格你们只配置上边和左边的边框样式,上和左的“样式”选择“solid(实线)”,“宽度”填入数值2px(细边框表格此处填1像素),颜色可以任意选择自己喜爱的颜色。单击“确定”按钮完成对于表格的样式配置。

  7、再次返回dreamweaver窗口,单击右边“Css样式”浮动面板上的“新建Css样式规则”按钮,弹出“新建Css规则”对话框。这次你们在“新建Css规则”对话框的“选择器名称”的下拉列表中选择“td”也便是单元格的标签,其他选项同上。

  8、单击“确定”按钮后打开“td的Css规则定义”对话框,先选择左边“分类”选项中的“区块”项,你们把“文本对齐”方式配置为“center(居中)”,让单元格中的文本都居中对齐。

  9、然后选择左边“分类”选项中的“方框”项,默认勾选“填充”栏中“具体相同”的复选框,填入数值5px,让单元格内的文字与单元格四周的距离均为5像素。

  10、最后选择左边“分类”选项中的“边框”项,你们来对单元格的边框进行配置。将右边窗口中“样式”、“边框”、“颜色”栏下“具体相同”的复选框取消勾选,因为对于单元格你们只配置右边和下边的边框样式,右和下的“样式”选择“solid(实线)”,“宽度”填入数值2px(细边框表格此处填1像素),颜色可以任意选择自己喜爱的颜色。单击“确定”按钮完成对于单元格的样式配置。

  11、单击“确定”按钮完成制作。保存文档后预览最终页面表格效果,可以看到漂亮的彩色边框表格。

  上述步骤就是相关如何配置dreamweaver表格边框颜色的办法,因为使用的dreamweaver是免费版,所以Css也是免费版的,使用正版的用户,可以下载破解补丁来解决。(责任编辑:chenhai)

------分隔线----------------------------
  • 上一篇:w7装机版配置打开图片方式为照片查看器的办法
  • 下一篇:支付宝如何配置指纹支付?支付宝开启指纹支付的办法
  • 收藏
  • 挑错
  • 推荐
  • 打印
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
最新评论
栏目专题推荐
  • 洋葱头一键重装系统
  • 宏碁win10系统下载
  • 完美win10系统下载
  • 云骑士xp系统下载
  • 通用装机管家
  • 苹果win7系统下载
  • win10装机助理
  • 系统兔u盘启动盘制作工具
  • 惠普u盘装系统
  • 装机版机大师
  • 技术员装机大师
  • 鹰王win8系统下载
  • 飞飞xp系统下载
  • u大师重装系统
  • 风雨木林xp系统下载
  • 萝卜花园系统
  • 云帆装机助手
  • 联想u盘启动盘制作工具
  • WIN10win10系统下载
  • 电脑店u盘装系统
W10 64位 系统推荐
  • 深度技术免激活win11 64位…
  • 番茄花园win10 64位光速抢…
  • 番茄花园win11光速特别版6…
  • 电脑公司win11免激活64位…
  • 深度技术最新64位win7无卡…
  • 电脑公司win7免激活64位特…
  • 雨林木风免激活win10 64位…
  • 系统之家win10 64位零度优…
  • 雨林木风win11 64位 免激…
  • 电脑公司win10免激活64位…
  • 番茄花园win7 64位光速国…
  • 系统之家win7纪念快速版64…

W10系统排行
  • 1.深度技术免激活win11 64位…
  • 2.番茄花园win10 64位光速抢…
  • 3.番茄花园win11光速特别版6…
  • 4.电脑公司win11免激活64位…
  • 5.深度技术最新64位win7无卡…
  • 6.电脑公司win7免激活64位特…
  • 7.雨林木风免激活win10 64位…
  • 8.系统之家win10 64位零度优…
  • 9.雨林木风win11 64位 免激…
  • 10.电脑公司win10免激活64位…
  • 11.番茄花园win7 64位光速国…
  • 12.系统之家win11加强专用版6…
  • 13.萝卜家园最新64位win7功能…
  • 14.系统之家win7纪念快速版64…
  • 15.雨林木风win7免激活64位中…

系统教程推荐
  • 1.win10系统怎么清理使用痕…
  • 2.怎么禁止win10电脑安装任…
  • 3.大师研习win10系统使用优…
  • 4.小编研习win10系统提示“d…
  • 5.笔者设置win10系统桌面ie1…
  • 6.解答win10系统无法打开360…
  • 7.老司机解答win10系统yy语…
  • 8.技术编辑练习win10系统打…
  • 9.怎么解答win10系统U盘进行…
  • 10.处理win10系统打开视频聊…
  • 11.主编恢复win10系统访问共…
  • 12.技术编辑练习win10系统无…
  • 13.怎么操作win10系统使用iE…
  • 14.手把手帮你win10系统使用Q…
  • 15.图文操作win10系统远程连…

友情链接


本站所有软件和资料来源于互联网,仅供学习和研究使用,请测试后请于24小时内自行销毁,如有侵犯你版权的,请来信指出,本站将立即改正。