html中怎么设置table的边框颜色,只要外面一圈,不要网格线

html-css01072

html中怎么设置table的边框颜色,只要外面一圈,不要网格线,第1张

可以使用css的border标签实现table的边框颜色,只要外面一圈,不要网格线。

具体步骤如下:

需要准备的材料分别是:电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件,css文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下css代码。

4、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。

5、在浏览器中打开此html文件,可以看到最终想要实现的table的边框颜色,只要外面一圈,不要网格线效果。

HTML表单修改边框颜色的语法为<td bgcolor="#ffffff">,其中的"#ffffff"为颜色代码。

1、HTML外边框:

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge BORDER-TOP: #00ff00 10px ridge BORDER-LEFT: #00ff00 10px ridge BORDER-BOTTOM: #00ff00 10px ridge BACKGROUND-COLOR: #ff0000"cellSpacing=0><TBODY><TR><TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。

</TD></TR></TBODY></TABLE>

效果:

2、HTML内边框:

语法:<TABLE border=1><TBODY><TR><TD>

“=”号后的“1”可以变为“2”或“3”,不可改得太大,因为这是**内边框宽度的,太宽了就不好看了;做几个内边框,就将这段代码放开头那段代码的<TD>后,(即“文字”前)并复制粘贴几次。

效果:

设置边框颜色,一般用css就可以实现,边框分成上下左右四个方向,用css可以对不同方向的边更改颜色:

<style>

div{

border:1px solid

border-top-color:red

border-bottom-color:green

border-left-color:black

border-right-color:blue

}

</style>

<div>测试DIV边框</div>

要想显示边框,首先设置对象的边框宽度、以及定义边框的样式、颜色才能显示出来。