html中加艺术字体,教您使用html代码给文字加边框！

红太狼 2022-10-05 12:51 548阅读 0赞

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

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

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

江雪

千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

效果图如下：

江雪

千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

原始代码如下：

江雪 千山鸟飞绝，

万径人踪灭。

孤舟蓑笠翁，

独钓寒江雪。

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

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

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　取值越大文字就越大。

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

发表评论取消回复

表情：

评论列表（有 0 条评论，548人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 使用 ruby 给汉字加拼音

TOC/TOC。

本是古典何须时尚/ 2024年05月24日 03:48/ 0 赞/ 43 阅读

相关 html字体颜色闪动,HTML最简单的文字闪烁代码

该楼层疑似违规已被系统折叠隐藏此楼查看此楼 Title @keyframes blink\{ 0%\{opacity: 1;\} 50%\{opacity: 1;\}

约定不等于承诺〃/ 2022年10月09日 06:22/ 0 赞/ 307 阅读

相关 html中加艺术字体,教您使用html代码给文字加边框！

教您使用html代码给文字加边框！我们给一段文字加边框，其实是等于把一段文字放入一个“一行、一列”的“表格”中。现在我们来给一首诗加一个边框：江雪千山鸟飞绝，

红太狼/ 2022年10月05日 12:51/ 0 赞/ 549 阅读

相关给linnerLayout加边框（可以只加底部）

先看图： ![Center][] 很简单给linnerlayout加边框。border.xml 布局如下： item 里面上下左右的边框可随意更改。

约定不等于承诺〃/ 2022年08月06日 01:26/ 0 赞/ 204 阅读

相关给UITextView加边框

\_answerTextView = \[\[UITextViewalloc\] initWithFrame:CGRectMake(10.0, 10.0, 300.0, 39

拼搏现实的明天。/ 2022年06月12日 08:57/ 0 赞/ 209 阅读

相关 Html-浅谈如何正确给table加边框

一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式 ![复制代码][copycode.gif] <style>

我就是我/ 2022年06月12日 06:36/ 0 赞/ 192 阅读

相关 Html-浅谈如何正确给table加边框

[Html-浅谈如何正确给table加边框][Html-_table] 一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式 ![复制代码][

清疚/ 2022年05月30日 01:20/ 0 赞/ 254 阅读

相关 Html文字轮播源代码，无需加插件

滚动代码，如下图。文字向上滚动，当鼠标移动上去的时候，文字会静止。 ![2018041915391060][] 当鼠标移动上去的时候 ![201804191

谁借莪１个温暖的怀抱￠/ 2022年05月27日 13:19/ 0 赞/ 133 阅读

相关 HTML怎么设置下划线？html文字加下划线方法

HTML中的下划线曾经是将文本包含在标签中的问题，但是这种方法已被放弃，而更倾向于使用更多功能的CSS。一般来说，下划线被认为是引起人们对文本注意的一种方式，那么HTML...

系统管理员/ 2021年01月30日 17:09/ 0 赞/ 1404 阅读

相关 Html-浅谈如何正确给table加边框

一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式 <style> table,table tr th, table tr ...

红太狼/ 2021年01月27日 15:58/ 0 赞/ 647 阅读