1、新建HTML文件。
2、创建HTML标签和内容。
3、预览效果如图。
4、设置右边框的颜色border-right-color:#30C。
5、预览效果如图。
6、设置右边框的颜色border-right-color:rgb(204,0,102)。
7、预览效果如图。
html中如果设置table的border为1px,实际会产生双线,十分不美观,那么在HTML中如何正确设置表格table边框border呢?
第一种方法:
1、将table的属性设置为:BORDER=0 、cellspacing=1 ;
2、设置table的背景色为即你要设置的table的边框颜色;
3、设置所有td背景色为#ffffff白色;
第二种方法:
1、设置BORDER=0 ;
2、再通过CSS,给Table加上1px的border-top,border-left;
3、然后再设置所有的td的border-right,border-bottom;
第三种方法(推荐):
1、设置table的CSS为{border-collapse:collapseborder-style: solidborder-width: 1px}
注:border-collapse:collapse
separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。
2、再设置td的CSS为{border-style: solidborder-width: 1px}
转自: https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html
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>后,(即“文字”前)并复制粘贴几次。
效果: