html中加一个边框,用HTML代码制作边框（上）

效果

这是一个单层边框代码，边框颜色是湖蓝色(#8ee5ee)，边框厚度值为“5”宽度为600，通过对边框宽度、颜色和边框厚度的设置可获得不同的边框。例如想把上面的边框制作成红色，边框厚度加大，那么就把borderColor=#8ee5ee 的#8ee5ee换成#ff0000,border=5的5改为18(数值越大边框厚度越大)代码则变成

效果

如果想要边框居中则在代码前加一个居中代码

在代码最后加一个结束标记

就行了

效果

在边框里加入内容

内容是加在边框中间的，所以要分清代码中哪里是中间。中间就是边框代码开始代码与结束代码的中间。

边框开始代码

边框结束代码

完整代码

内容

具体演示

这是一张图片

这是一个视频

它们的代码分别是

一：

二：

要加入的边框代码

内容

把一、二代码依次放入边框内容处后，代码变为

效果

说明

1，这个边框用的是颜色，有时、特别是制作多层边框时要用图片，所以，用图片制作时要把原代码边框颜色代码borderColor=#8ee5ee删除，改换图片代码background="图片地址"同时这张图片也是边框里的背景。改换后的代码

代码为

内容略

效果

如果是用颜色制作边框，边框内的背景颜色是与博客模块背景颜色相一致的，同一个文章放在不同风格的博客里会有不同的效果，效果受到影响不说，有时连文章都显示不全，这要在边框内背景上加上一张理想的图片。这个代码是

也可以把这个代码看成是文章内容的一部分，放在内容的最前面。下面是用颜色制作边框，用大海作背景，代码为 效果