教您使用html代码给文字加边框！

2018-09-16

我们给一段文字加边框，其实是等于把一段文字放入一个“一行、一列”的“表格”中。

现在我们来给一首诗加一个边框：

江雪

千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

效果图如下：

江雪

千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

原始代码如下：

江雪 千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

以上代码在用的时候必须将 * 字符去掉，切记！

现在来解释一下有关的意义：

1：width="300"(边框的宽度；300为象素值。可根据文字的多少自由调整，一般不超过760)

2：height="400"(边框的高度；400为象素值。可根据文字的多少自由调整。)

3：border="10"(外边框的厚度；10为象素值。可根据自己需要自由调整。)

4：cellspacing="15"(内框与外框的距离；15为象素值。可根据自己需要自由调整。)

5：bordercolor="#FF6699"(边框的颜色；#FF6699为深粉色。不同颜色代码不同。)

6：p class="style1"江雪/p(p class="style1"表示“江雪”二字水平居中；/p表示回车换行。以下各行同此意思。要注意的是，在html页面中如果用/p换行，会出现较大的行距，用br就不会出现大的行距。)

另：表示文字居左，表示文字居右。

face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等。

size=字体大小，这里的最大值为7　取值越大文字就越大。

此篇所例的代码中没有字体和字号代码，表示为默认值。

我们给一段文字加边框，其实是等于把一段文字放入一个“一行、一列”的“表格”中。

现在我们来给一首诗加一个边框：

江雪

千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

效果图如下：

江雪

千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

原始代码如下：

江雪 千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

以上代码在用的时候必须将 * 字符去掉，切记！

现在来解释一下有关代码的意义：

1：width="300"(边框的宽度；300为象素值。可根据文字的多少自由调整，一般不超过760)

2：height="400"(边框的高度；400为象素值。可根据文字的多少自由调整。)

3：border="10"(外边框的厚度；10为象素值。可根据自己需要自由调整。)

4：cellspacing="15"(内框与外框的距离；15为象素值。可根据自己需要自由调整。)

5：bordercolor="#FF6699"(边框的颜色；#FF6699为深粉色。不同颜色代码不同。)

6：p class="style1"江雪/p(p class="style1"表示“江雪”二字水平居中；/p表示回车换行。以下各行同此意思。要注意的是，在html页面中如果用/p换行，会出现较大的行距，用br就不会出现大的行距。)

另：表示文字居左，表示文字居右。

face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等。

size=字体大小，这里的最大值为7　取值越大文字就越大。

此篇所例的代码中没有字体和字号代码，表示为默认值。

免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。

http://www.pinlue.com/style/images/nopic.gif