[04-04]边框
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>边框</title>
<link rel="stylesheet" href="10.css">
</head>
<body>
<h1>国际港珠澳大桥建筑学院</h1>
<P id="i1">张三，国际知名大学教授、名誉教授，曾获得卫生大奖，三好学生大奖</P>
<P id="i2">张三，国际知名大学教授、名誉教授，曾获得卫生大奖，三好学生大奖</P>
<P id="i3">张三，国际知名大学教授、名誉教授，曾获得卫生大奖，三好学生大奖</P>
</body>
</html>
/*border属性：用来设置元素的边框，
·四边设置：
- border: width值(线粗度) style值(solid 实线、dashed 虚线) color值(颜色)
·单边设置:
- border-left: width值 style值 color值 ; 左侧边
- border-right: width值 style值 color值 ；右侧边
- border-top: width值 style值 color值； 上边
- border-bottom: width值 style值 color值 ；下边
·样式单位：
- % : 百分比；
- in : 英寸；
- cm : 厘米；
- mm ：毫米；
- pt : 磅(1pt等于1/72英寸)；
- px : 像素(计算机屏幕上的一个点)；
- em ： lem等于当前的字体尺寸,2em等于当前字体尺寸的两倍；
#rrggbb:十六进制数，如#ff0000
#rgb：简写的十六进制数，如#f00
rgb(x,x,x):RGB值，如rgb(255,0,0)
rgb(x%,x%,x%):RGB百分比值，如rgb(100%,0%,0%)
表示颜色单词,如： red；
overflow 当内容溢出元素框时如何处理？
- visible 默认值。内容不会被修剪，会呈现在元素框之外。
- hidden 内容会被修剪，并且其余内容是不可见的。
- scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
- auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
- inherit 规定应该从父元素继承 overflow 属性的值。
*/
#i1{ /*边框线宽度为1px,实线，边框颜色红色*/
border: 1px solid black;
}
#i2{ /*边框线宽度为1px,虚线，边框颜色*/
border: 1px dashed red;
}
#i3{/* 左侧边，实线，蓝色 */
border-left: 5px solid blue;
}
