<!DOCTYPE html>
<html lang="en">
<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>
<style>
div {
width: 300px;
height: 200px;
/* border-width 边框的粗细 一般情况下都用 px */
border-width: 5px;
/* border-style 边框的样式 solid 实线边框 dashed 虚线边框 dotted 点线边框*/
border-style: solid;
/* border-style: dashed; */
/* border-style: dotted; */
/* border-color 边框的颜色 */
border-color: pink;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
盒子模型之边框
原创
©著作权归作者所有:来自51CTO博客作者wx63ff30a7432e0的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:权重叠加
下一篇:绝对定位——无父亲或者父亲无定位
![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
深度解读《深度探索C++对象模型》之返回值优化
返回值优化是什么意思?编译器在什么情况下会启用返回值优化,返回值优化能获得多少性能的提升?它有什么优缺点?本篇将从背后的机制来深入分析。
编译器 返回值优化 性能优化 C++ C++代码优化 -
盒子模型之表格细线边框
【代码】盒子模型之表格细线边框。
html 前端 javascript 贴吧 搜索