CSS
小晗同学
好好学习,天天向上
展开
-
CSS 用border的相关属性写图形
图形目录CSS 用border的相关属性写出各种各样的图形1. 圆形2. 三角形3. 梯形CSS 用border的相关属性写出各种各样的图形闲暇之时,灵机一动!在初学html和css的过程中,我们经常会使用div盒子进行布局,也会通过设置宽高让盒子来变成不同的矩形,若再添加上border-radius属性的设置还能够让盒子变成圆形或是圆角矩形。思考:如何用简单的border相关属性写出三角形,梯形等?1. 圆形咱们先来拿圆形练练手,看能不能画一个甜甜圈出来.circle { margin原创 2020-08-06 18:43:13 · 346 阅读 · 2 评论 -
CSS 标准流/浮动float/定位position
CSS传统网页布局的三种方式:1. 标准流(普通流/文档流): 最基本的布局方式。2. 浮动float:浮动可以让多个块级元素一行内排列显示( none 默认值,元素不浮动;left 元素向左浮动;right 元素向右浮动。)3. 定位position:定位允许定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。(absolute 绝对定位;relative 相对定位;fixed 固定定位)原创 2020-08-06 08:58:21 · 668 阅读 · 3 评论