首页 前端知识 html中给div或者span加边框css样式

html中给div或者span加边框css样式

2024-01-30 10:01:48 前端知识 前端哥 517 36 我要收藏

目录

  • 1、边框样式需求
  • 2、CSS代码说明
    • (1)样式写法
    • (2)CSS代码示例和结果

1、边框样式需求

需要给一个div或者span快增加边框的效果

2、CSS代码说明

(1)样式写法

在样式中增加
border: 1px solid red:可以整体为整个块的边框设置颜色和粗细;
border-top: 1px solid red:可以针对边框的四个边框单独为其设置颜色和粗细,top/bottom/left/right

(2)CSS代码示例和结果

<div class="bk">
  <span>这个块需要增加边框</span>
</div>
.bk{
  background-color:yellow;
  width:200px;
  height:100px;
  
  border: 5px solid red;
  border-bottom:10px solid green
}

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/806.html
评论
发布的文章

Echarts笔记

2024-02-11 10:02:32

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!