html制作网站边框,HTML学习笔记☆边框制作

HTML学习笔记☆边框制作

代码：

填入内容	填入内容	填入内容
填入内容	填入内容	填入内容
填入内容	填入内容	填入内容

以上代码确切地说是表格代码，把括号内文字改成数字或去掉，变成以下代码形式：

填入内容	填入内容	填入内容
填入内容	填入内容	填入内容
填入内容	填入内容	填入内容

得到的表格效果：

填入内容填入内容填入内容

如果把上述代码中的红色部分去掉，就得到简化后的边框代码：

填入内容

这个代码得到的图案效果就是一个最简单的单边边框：

填入内容

在框内粉色填入内容处可写文字日志，也可贴图或flash。如果将以上代码复制粘贴覆盖住填入内容，就会得到双层或多层边框。

多层边框代码：

填入内容

边框效果：

填入内容

调整各层边框内的 borderColor=#(边框颜色)、cellSpacing=(边框间距)、bgColor=#(背景颜色)、 border=(边框宽度)，就可得到颜色变化的边框。

如最外层borderColor=#ffcbb3、cellSpacing=1、bgColor=#000000、border=7

次外层borderColor=#ff8f59、cellSpacing=1、bgColor=#000000、border=6

第三层borderColor=#fd94600、cellSpacing=1、bgColor=#000000、border=5

最内层borderColor=#642100、cellSpacing=4、bgColor=#888888、border=4

所得到的边框效果如下：

填入内容

做更多层的边框，用以上方法以此类推。

关于边框的 cellPadding= (单元格高度) height= (高度) width= (宽度) 三个尺寸问题，高度均设为0，通过日志的内容自然找齐。最内层边框根据实际设宽度值，其他层的宽度均设为0。

下面的边框，完全是用颜色代码制作的：

君不见黄河之水天上来

奔流到海不复回

君不见高堂明镜悲白发

朝如青丝暮成雪

人生得意须尽欢

莫使金樽空对月

天生我材必有用

千金散尽还复来

烹羊宰牛且为乐

会须一饮三百杯

岑夫子丹丘生

将进酒杯莫停

与君歌一曲

请君为我倾耳听

钟鼓馔玉不足贵

但愿长醉不愿醒

古来圣贤皆寂寞

惟有饮者留其名

陈王昔时宴平乐

斗酒十千恣欢虐

主人何为言少钱

尽须沽酒对君酌

五花马千金裘

呼儿将出换美酒

与尔同销万古愁

以上只是利用颜色代码和调整各个参数做的边框。如要做带有花色图案的边框，则需选好背景图片，将每层的图片地址置入该层的 background="背景地址" 中，但同时要适当加大该层中的cellSpacing= (框边间距离)，图案方能显示清楚、美观。一般做这样的边框需用多个边框代码套用，多则十几个。

请看以下边框效果：

之一：

之二：

之三：

http://jxry988.360doc.com 吉祥如意988-360doc个人图书馆

html制作网站边框,HTML学习笔记☆边框制作相关推荐

Polyworks脚本开发学习笔记(十七)-制作宏脚本自定义工具条
Polyworks脚本开发学习笔记(十七)-制作宏脚本自定义工具条做好的宏脚本程序,每次打开脚本加载程序太多麻烦,为了方便的调用脚本做各种操作,可以使用系统的自定义工具条功能将脚本加载到工具条上. ...
esp8266 蓝牙耳机_走进物联网智能家居-手把手带你制作wifi智能开关-ESP8266学习笔记（二）...
走进物联网智能家居-手把手带你制作wifi智能开关-ESP8266学习笔记(二) 2020-05-09 13:44:11 9点赞 72收藏 6评论小编注:此篇文章来自即可瓜分10万金币,周边好礼达标 ...
AI学习笔记和制作太极图标的教程
其实熟悉PS的朋友,AI还是挺好上手的,或许会比当时学习PS更快.与PS多个图层相比,AI只有一个图层. AI还有一个好处就是排版功能很强大. 接下来,就是这周积累下来的学习笔记: [1] 矩形工具 ...
Caffe学习笔记3——制作并训练自己的数据集
Caffe学习笔记3 本文为原创作品,未经本人同意,禁止转载,禁止用于商业用途!本人对博客使用拥有最终解释权欢迎关注我的博客:http://blog.csdn.net/hit2015spring和h ...
NGUI 学习笔记实战——制作商城UI界面
Unity3D的uGUI听说最近4.6即将推出,但是目前NGUI等UI插件大行其道并且已经非常成熟,所以我们还是先看眼前吧. 一.实现思想商城的功能是很多游戏都拥有的,按下一个界面按钮,弹出一个窗体 ...
制作网站价格是多少呢？制作网站要花多少钱？
对于制作网站要花多少钱目前没有明确的规定,这些企业用户可以根据自己的需求去选择适合自己的网站制作价格.企业用户在这方面选择的时候可以多选择几家网站建设公司,然后根据他们的价格去选择.因为影响制作网站的 ...
android给图片加边框,Android学习笔记进阶19之给图片加边框
//设置颜色 public void setColour(int color){ co = color; } //设置边框宽度 public void setBorderWidth(int width ...
电商网站前端架构学习笔记(全是干货)
1:前端架构的基本知识 1: 前端工程师必须会的一些技能前端工程师基本技能图.PNG 2: 前端架构基本知识什么是前端架构? 每个人对每个架构有不同的认识和一些想法.没有一个架构是完美的,只有一个 ...
【cocos2dx学习笔记】制作Loding场景
为什么要制作loading场景? 在实际游戏中会有一个场景中拥有大量的资源,直接跳转会造成卡顿,而且在场景跳转的过程中会存在一个时间段,在这个时间段中跳转前的场景和将要跳转到的场景都占用着系统资源,会 ...

html制作网站边框,HTML学习笔记☆边框制作

html制作网站边框,HTML学习笔记☆边框制作相关推荐

最新文章

热门文章