html怎么设置边框颜色

html-css015

html怎么设置边框颜色,第1张

1、新建HTML文件。

2、创建HTML标签和内容。

3、预览效果如图。

4、设置右边框的颜色border-right-color:#30C。

5、预览效果如图。

6、设置右边框的颜色border-right-color:rgb(204,0,102)。

7、预览效果如图。

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>

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