上一篇博客给小伙伴们,科普了前端的CSS
的颜色表达式的使用。今天给小伙伴们科普一下CSS边框的基本用法
。
边框的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box{
/*设置宽度和高度 单位px(像素)*/
width: 100px;
height: 100px;
/*表示给盒子设置边框的宽度
border-width: 4px;
表示设置边框的风格
border-style: solid;
表示设置边框的颜色
border-color: red;*/
/*以上三条代码可以简写成一条*/
border: 4px solid red;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
CSS边框的基本用法
就是上面代码那样,小伙伴可以可以复制到编译中使用。希望对刚开始学前端的小伙伴有帮助。如果可以帮我点个赞,鼓励一下我吧!