教您使用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