1、新建HTML文件。
2、创建HTML标签和内容。
3、预览效果如图。
4、设置右边框的颜色border-right-color:#30C。
5、预览效果如图。
6、设置右边框的颜色border-right-color:rgb(204,0,102)。
7、预览效果如图。
HTML给边框改变颜色:border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。
border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。例子:
例子 1
border-color:red green blue pink
上边框是红色
右边框是绿色
下边框是蓝色
左边框是粉色
例子 2
border-color:red green blue
上边框是红色
右边框和左边框是绿色
下边框是蓝色
例子 3
border-color:dotted red green
上边框和下边框是红色
右边框和左边框是绿色
例子 4
border-color:red
所有 4 个边框都是红色
注:边框的样式不能为 none 或 hidden,否则边框不会出现。
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>后,(即“文字”前)并复制粘贴几次。
效果:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)