<!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； */　　   #i1{ /*边框线宽度为1px,实线，边框颜色红色*/ 　　border: 1px solid black; }
#i2{ /*边框线宽度为1px,虚线，边框颜色*/ 　　border: 1px dashed red; }
#i3{/* 左侧边，实线，蓝色 */ 　　border-left: 5px solid blue; }
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄