怎么设置Dreamweaver表格边框颜色? |
您所在的位置:网站首页 › 表格边框颜色修改怎么弄 › 怎么设置Dreamweaver表格边框颜色? |
当前位置:系统之家 > 系统教程 > 怎么设置Dreamweaver表格边框颜色
怎么设置Dreamweaver表格边框颜色?
时间:2017-11-01 14:34:42 作者:quers 来源:系统之家 1. 扫描二维码随时看资讯 2. 请使用手机浏览器访问: https://m.xitongzhijia.net/xtjc/20171101/110604.html 手机查看 评论 反馈 ![]() 大小:1.23 MB类别:网页制作 怎么设置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也是中文版的,使用正版的用户,可以下载汉化补丁来处理。 标签 网页设计 网页表格怎么把照片做成电影?使用百度网盘在线制作照片视频的方法 下一篇 > Visio形状面板不见了怎么还原? 相关教程 【最新推荐】笔记本Win10系统专业版:免费下... Win10怎么设置专注助手优先级 Windows11账户怎么锁定,试试这3种方法! 如何下载到好用的Win7-目前公认最流畅的Win7... 【告别卡顿】2024最新精简电脑系统:推荐下载... 如何下载最新的Windows系统-2024最新版本Wind... Win11表情符号输入方法,一看就会! 告别捆绑软件!2024最新纯净版系统下载 如何下载Win10专业工作站版,一招轻松搞定! 如何下载最流畅稳定的Win11系统-Win11最稳定...![]() 百度网盘会员怎么免费领取-2023百度网盘超级会员免费领取方法 ![]() Edge浏览器打开网页显示不安全怎么办?Edge显示网页不安全的解决方法 ![]() dll修复工具哪个好用-免费好用的dll修复工具推荐 ![]() Edge浏览器Internet选项灰色点不了的解决方法 发表评论共0条 ![]() 评论就这些咯,让大家也知道你的独特见解 立即评论以上留言仅代表用户个人观点,不代表系统之家立场 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |