web 前端开发课程：css 盒子模型-图像边框。
讲课人：波波老师。
说说 border-image 这个很重要的概念，它允许在元素的边框上绘制图像。
再来看一下右侧图片，图像边框的原理是什么？就是把图像划分成一个九宫格。
1. 第一个属性：border-image-source，它是绘制边框的图像路径，还要配合第二个属性：图像的边框宽度。
2024年10月19日
web 前端开发课程：css 盒子模型-图像边框。
讲课人：波波老师。
说说 border-image 这个很重要的概念，它允许在元素的边框上绘制图像。
再来看一下右侧图片，图像边框的原理是什么？就是把图像划分成一个九宫格。
1. 第一个属性：border-image-source，它是绘制边框的图像路径，还要配合第二个属性：图像的边框宽度。
2024年10月19日
实例
设置左边框的样式：
p
{
border-style:solid;
border-left:thick double #ff0000;
}
属性定义及使用说明
border-left 简写属性把左边框的所有属性设置到一个声明中。
可以按顺序设置如下属性： border-left-width, border-left-style, and border-left-color.
2024年10月19日
border可以为任何能加边框的元素添加边框线。
border有三个属性值，用空格隔开。第一个值是边框的像素，第二个值边框的样式，第三个是边框颜色。
border:1px solid #000;
solid设置边框线为实线，dashed设置边框线为虚线。
为表格设置边框样式，
2024年10月19日
在web前端设计排版时我们可能会用到表格布局和div+CSS布局，但现在主要使用后者，为何？今天我们来谈一谈两者之间的发展和原理。
话不多说下面来干货
上个世纪Web开发人员流行使用表格进行文档整体布局。因为当时大部分浏览器不支持CSS，而且大部分人不会CSS，且没有文档拆分设计，致使文档臃肿，到了上个世纪末大部分没有相关背景的人进入，对于那些没有相关背景的开发人员觉得表格布局简单，致使使用它的人更多。本世纪出出现了泡沫危机致使大部分非专业人士的推出，而剩下来的大神觉得css更具有优势，所以div+CSS就得以发展。
2024年10月19日
连续一周没怎么更新了，今天我们继续HTML的学习，表格标签。表格是实际开发中常用的一种标签类型，会说到表格标签的主要作用和基本语法。
2024年10月19日
在建企业网站的时候，会用到一些边框，无论是表格或是div，布局的时候边框可以做为一个分界线，让内容对比或衬托更加明显。边框的使用其实也很简单，一个是边框的粗细，另一个是边框的颜色。可以对局部整体设置，也可以单独设置上下左右四个方向的边框。在CSS中有一个关于颜色的属性：border-color，它一次可以接受最多4个颜色值。
2024年10月19日
单独的一个canvas标记只是在页面中定义了一块矩形区域，并无特别之处。开发人员只有配合使用javascript脚本，才能够完成各种图形、线条以及复杂的图形变换操作。与基于SVG实现同样绘图效果来比较，canvas绘图是一种像素级别的位图绘图技术，而SVG则是一种矢量绘图技术。
使用canvas和javascript绘制一个矩形，可能会涉及一个或多个方法，如下表所示：
（1）编写代码如下图所示，在<body>标签中加入以下代码。