css中设置边框大小和颜色的方法：1、利用border-width属性设置元素的边框大小，语法“border-width:宽度值;”；2、利用border-color属性设置边框颜色，语法“border-color: 颜色值;”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
所有HTML元素可以看作盒子，在CSS中，Box model这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
css中设置边框大小和颜色
css设置边框大小
在css中，进而利用border-width属性设置元素的边框大小。
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 50px;
margin: 20px;
}
.Box1 {
border: 1px solid red;
}
.Box2 {
border: 5px solid red;
}
</style>
</head>
<body>
<div class=Box1></div>
<div class=Box2></div>
</body>
</html>
css设置边框样式
在css中，可利用border-color属性设置边框颜色。
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 50px;
margin: 20px;
border: 2px solid red;
}
.Box1 {
border-color: paleturquoise;
}
.Box2 {
border-color: goldenrod;
}
</style>
</head>
<body>
<div class=Box1></div>
<div class=Box2></div>
</body>
</html>
原文地址：https://www.jb51.cc/css/1205421.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
