css
文章平均质量分 64
djdjdjdjdj丶
年少当怀鸿鹄志
展开
-
css 利用border实现三角形
1.我们先正常实现一个边框 .box { width: 100px; height: 100px; border: 2px solid; border-top-color: red; border-right-color: yellow; border-bottom-color: green; border-left-color: blue; } 2.再把边框的宽度增加到50px 可以看出,border其实并不是四条矩形边框组成的,是由四个三角形组合而成。 这里我们可以看作原创 2021-01-24 12:22:33 · 455 阅读 · 0 评论 -
BFC(Block Formating Context 块级格式化上下文)
为什么会有BFC? 理论来讲:被包含在父元素里的元素是不会影响到父元素旁边的元素,事实并非如此。 我们想要隔离开,可以触发BFC(Block Formating Context 块级格式化上下文) BFC是什么? MDN 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 BFC的目的就是:形成一个独立的空间,让空间里的子元素不会影响到外面的布局。 BFC是一种规则,隔离保护的原创 2021-01-23 12:18:45 · 126 阅读 · 0 评论