Dreamweaver中如何编辑表格边框颜色?
Dreamweaver中如何编辑表格边框颜色?
09-02-26 &
方法有二：  1，在Dreamweaver的编辑窗口下方有个属性框，属性框里面有个边框颜色（在背景颜色的后面），想要什么颜色点边框颜色后面那个小正方形的框框就可以了。  2，在代码里面添加HTML代码。方法为：在&table 标签后面空格加入bordercolor=&&&  （&中间为自己想要设置的颜色代码&）
请登录后再发表评论!
方法有二：  1，在Dreamweaver的编辑窗口下方有个属性框，属性框里面有个边框颜色（在背景颜色的后面），想要什么颜色点边框颜色后面那个小正方形的框框就可以了。  2，在代码里面添加HTML代码。方法为：在&table 标签后面空格加入bordercolor=&&&  （&中间为自己想要设置的颜色代码&）
请登录后再发表评论!
表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上，让我们可以设计出漂亮的页面，使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。一、插入并编辑表格　　1、插入表格　　在文档窗口中，将光标放在需要创建表格的位置，单击“常用”快捷栏中的表格按钮弹出的“表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。　　　　“行数”文本框用来设置表格的行数。　　“列数”文本框用来设置表格的列数。　　“表格宽度”文本框用来设置表格的宽度，可以填入数值，紧随其后的下拉列表框用来设置宽度的单位，有两个选项——百分比和像素。当宽度的单位选择百分比时，表格的宽度会随浏览器窗口的大小而改变。　　“单元格边距”文本框用来设置单元格的内部空白的大小。　　　　“单元格间距”文本框用来设置单元格与单元格之间的距离。　　“边框粗细”用来设置表格的边框的宽度。　　“页眉”定义页眉样式，可以在四种样式中选择一种。　　“标题” 定义表格的标题。　　“对其标题”定义表格标题的对齐方式。　　“摘要” 可以在这里对表格进行注释。　　2、选择单元格对象　　对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。　　选择整个表格的方法是把鼠标放在表格边框的任意处，当出现这样的标志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中&table&标签即可；或在单元格任意处单击，点鼠标右键在弹出菜单菜单中选择“表格——选择表格”　　要选中某一单元格，按住Ctrl键，鼠标在需要选中的单元格单击即可；或者，选中状态栏中的&td&标签。　　要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。要选中不连续的几个单元格，可以按住Ctrl键，单击要选择的所有单元格即可。　　要选择某一行或某一列，将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。　　　　3、设置表格属性　　选中一个表格后，可以通过属性面板更改表格属性。　　“填充”文本框用来设置单元格边距，“间距”文本框用来设置单元格间距。　　“对齐”下拉列表框用来设置表格的对齐方式，默认的对齐方式一般为左对齐。　　“边框”文本框用来设置表格边框的宽度。　　“背景颜色”文本框用来设置表格的背景颜色。　　“边框颜色”用来设置表格边框的颜色。　　在“背景图像”文本框填入表格背景图像的路径，可以给表格添加背景图像。也可以如下图所示给文本框加上链接路径。还可以单击文本框后的“浏览”按钮，查找图像文件。在“选择图像源”对话框中定位并选择要设置为背景的图片，单击“确认”按钮即可。　　4、单元格属性　　把光标移动到某个单元格内，可以利用单元格属性面板对这个单元格的属性进行设置。　　　　“水平”文本框用来设置单元格内元素的水平排版方式，是居左、居右或是居中。　　“垂直”文本框用来设置单元格内的垂直排版方式，是顶端对齐、底端对齐或是居中对齐。　　“高”、“宽”文本框用来设置单元格的宽度和高度。　　“不换行”复选框可以防止单元格中较长的文本自动换行。　　“标题”复选框使选择的单元格成为标题单元格，单元格内的文字自动以标题格式显示出来。　　“背景”文本框用来设置表格的背景图像。　　“背景颜色”文本框用来设置表格的背景颜色。　　“边框”文本框用来色设置表格边框的颜色。　　5、表格的行和列　　选中要插入行或列的单元格，单击鼠标右键，在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。　　如果选择了“插入行”命令，在选择行的上方就插入了一个空白行，如果选择了“插入列”命令，就在选择列的左侧插入了一列空白列。　　如果选择了“插入行或列”命令，会弹出“插入行或列”对话框，可以设置插入行还是列、插入的数量，以及使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。　　　　要删除行或列，选择要删除的行或列，单击鼠标右键，在弹出菜单中选择“删除行”或“删除列”命令即可。　　6、拆分与合并单元格　　拆分单元格时，将光标放在待拆分的单元格内，单击属性面板上的“拆分”按钮，在弹出对话框中，按需要设置即可。　　合并单元格时，选中要合并的单元格，单击属性面板中的“合并”按钮即可。　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程&&&&&。
请登录后再发表评论!今天看啥 热点：
烈火建站学院(<)网页制作 据烈火建站学院小编统计，在国内庞大的站长队伍中，仍有60%以上的站长制作网页在使用Dreamweaver和FrontPage做网页，在这些站长当中，懂CSS的站长尚不到50%，所以根本无法脱离DW和FT，多半以上的站长根本就是&半瓶子醋&，除了去扣各大网站的风格以外，再就是用DW或者FT制作网页了，由于制作出来的网页是表格形式，根本谈不上网页W3C质量，只要美观就可以了。下面就表格的CSS调整来说一下。
　　总的来说，表格的CSS语法包括&&边框宽度、边框颜色、边框样式、边框、宽度、高度、有关标签等几个方面。
　　边框宽度　border-width: &值&&
　　允许值：[thin（细线）| medium（中粗线）| thick（粗线）| &长度& ]{1,4}
　　初始值：medium
　　适用于：所有对象
　　向下兼容：否
　　语法：上边框& border-top-width: &值&&（例：border-top-width:thick）
　　　　　右边框& border-right-width: &值&（例：border-right-width:medium）
　　　　　下边框& border-bottom-width: &值&（例：border-bottom-width:thin）
　　　　　左边框& border-left-width: &值&（例：border-left-width:12px）
　　边框宽度属性设置一个元素的边框宽度。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。&
　　边框颜色　border-color: &值&
　　允许值: &颜色&{1,4}　边框颜色的定义值可以是HTML默认标记颜色，如：RED，BLUE，GREEN等。也可以是十六进制颜色码，如：#006699 #F8E5DA等。还可以是RGB值，如：RGB(142,230,169) 。
　　初始值: 颜色属性的值
　　适用于: 所有对象
　　向下兼容: 否
　　边框颜色属性设置一个元素的边框颜色。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。
　　边框样式& border-style: &值&
　　允许值: [ none（无边框线）| dotted（由点组成的虚线）| dashed（由短线组成的虚线）| solid（实线）| double（双线。双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度）| groove（3D沟槽状的边框）| ridge（3D脊状的边框）| inset（3D内嵌边框，颜色较深）| outset（3D外嵌边框，颜色较浅）]{1,4}
　　初始值: none
　　适用于: 所有对象
　　向下兼容: 否
　　边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。注意：如果系统不支持这些边框的属性值，那么&dotted&、&dashed&、&double&、&groove&、&ridge&、&inset&和&outset&都会被&solid&代替。
　　边框& border: &值&
　　允许值: &边框宽度& || &边框式样& || &颜色&
　　初始值: 未定义
　　适用于: 所有对象
　　向下兼容: 否
　　语法&：上& border-top: &值&& 右& border-right: &值&& 下& border-bottom: &值&& 左& border-left: &值&
　　边框属性只能设置四种边框；只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值，网页制作者必须用一个或更多的属性，如：上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。
以下为引用的内容：border: #cccccc thin solidH2 { border: groove 3em }A:link { border: solid blue }A:visited { border: thin dotted #800080 }A:active { border: thick double red }宽度& width: &值&　高度& height: &值&
　　允许值: &长度& | &百分比& | auto
　　初始值: auto
　　适用于: 块级和替换元素
　　向下兼容: 否
　　宽度属性的初始值为&auto&，即为该元素的原有宽度(有就是元素自己的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。
　　有关标签
　　table：表格标签，对整个表格样式的定义要放在table中；
　　td：单元格标签，对单元格样式的定义要放在td中。　　
以下为引用的内容：&table width=&600& border=&0& align=&center& cellpadding=&0& cellspacing=&0& bgcolor=&#f5f5f5& style=&border-top: #cccccc 1 border-bottom: #cccccc 2px dashed&&&tr&&!----&&td width=&20%& style=&border-right: #px solid&&&&/td&&td width=&20%& style=&border-right: #px solid&&&&/td&&td width=&20%& style=&border-right: #px solid&&&&/td&&td width=&20%& style=&border-right: #px solid&&&&/td&&td&&&/td&&/tr&&/table&
以下为引用的内容：&table width=&600& border=&0& align=&center& cellpadding=&0& cellspacing=&0& style=&border-style: border-width: tborder-color:#cccccc #cccccc #4040&&&tr&&td&烈火建站学院 &/td&&/tr&&/table&
　　在一个边框中采用不同宽度和颜色的边框线。这个效果当然可以用上例中的方法来实现，但那样代码过多，可采用另一种合并的方法，把四条边的属性值分类放在一起。可以把边框线的类型、宽度和颜色归类在一起定义，这里请注意几点：
　　1、四条边框线的位置顺序是：上边框线、右边框线、下边框线、左边框线；
　　2、本例中边框线的类型只取了一种实线类型，实际上四条边也可以分别定义不同的类型；
　　3、属性值可以定义一个、两个、三个或者四个。如果仅定义一个属性值，则其余三个自动取相同值，如：border-style:solid与border-style:solid solid solid solid的效果完全一样；如果仅给出两个或三个值，那么缺失边的属性值将取与对边的值相同。如：boder-width:thin thick与border-width:thin thick thin thick效果相同，border-width:1px 2px 3px与border-width:1px 2px 3px 2px的效果相同。
　　还应注意，尽量不要将样式加在&TR&标签内，效果可能无法显示。属性的定义之间以分号隔开，以上都是直接给标签加Style，如果编成CSS样式表把常用的边框线一次定义好，要用时调用一下就行了，非常方便也有效率。当然做成HTC也很棒。在dreamweaver（右键菜单--&CSS样式）中定义CSS非常方便，不用编写代码。
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
HTML/CSS最近更新新手 ，Dreamweaver CS5 表格怎么设置背景颜色 我代码弄了，属性也设置了，就是没改过了_百度知道
新手 ，Dreamweaver CS5 表格怎么设置背景颜色 我代码弄了，属性也设置了，就是没改过了
hiphotos://f.baidu.jpg" esrc="/zhidao/pic/item/e4dde7eb18f3c49f16fdfaae516712://e.com/zhidao/pic/item/91ef76c6a7efce1bd00fc325ad51f3deb48f653c.baidu.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink">
其他类似问题
为您推荐：
背景颜色的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁网页制作如何用Dreamweaver 8设置表格第一行小背景颜色#000099，表格大背景颜色不变？_百度知道
网页制作如何用Dreamweaver 8设置表格第一行小背景颜色#000099，表格大背景颜色不变？
您有好的方法没，因为我对代码看的似懂非懂我想利用快捷方式进入，不想利用代码方式。谢谢
提问者采纳
&td&/tr&td&td&tr是行你点下就可以选择第一行，希望你能看懂;td&&#47，表格由三种双标记组成&&/td&td&
&td&/tr&gt，再更改 背景颜色;td&
&td&/tr&这是个2行5列的表格;table&gt，dw只是个辅助;
& & &table&///
&td&td& & &/
&lt，你注意下cs3以上版本属性面板上部就有个&lt，主要的还是能看懂代码;&body&gt，建议你简单的学习下代码;tr&td&td&td&
&lt光标停留在那个单元格上;td&td&;td&gt，下面有属性面板，更改背景颜色就行; &
&tr& &/td&/
& &table&td&gt
提问者评价
你真棒，学习了
其他类似问题
为您推荐：
您可能关注的推广
网页制作的相关知识
其他1条回答
&td&td&quot，在单元格应用这个样式css样式;td&td bgcolor=&=========================或者为单元格建立一个css样式;单元格背景&#000099&也就是&&#47：: #99CC00;单元格背景&&#000099&td class=&quot在需要的单元格添加bgcolor=&/&gt.td {background-}应用到单元格
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁