基础前端知识第一期:DIV 标签

一.表达方式

css 复制代码
<div class="#"></div>

二.属性

1.border

css 复制代码
border-radius: 10px 10px 10px 10px  /四个角的弯曲程度/
css 复制代码
border-width: 3px 3px 3px 3px  /四边的长/
css 复制代码
border-color: blue /边框的颜色/

2.backgroud

css 复制代码
background-color 背景色

3.position

复制代码
relative  相对属性   
absolute  绝对属性

4.color

复制代码
background-color:transparent  
css 复制代码
background-color:rgb(255,255,255)
css 复制代码
background-color:#FFF     

三.扩展

1.水平线

css 复制代码
<hr class="#">

2.垂直线

css 复制代码
<div style="border-width:0px 0px 1px 0px;borde:1px solid black">

下期文章将讲述更多关于 animation 动画的知识

相关推荐
光影少年2 分钟前
中级前端需要会的东西都有那些?
前端·学习·前端框架
琢磨先生TT10 分钟前
为什么很多后台系统功能不少,看起来却还是很廉价?
前端·vue.js·设计
ekuoleung10 分钟前
量化平台中的 DSL 设计与实现:从规则树到可执行策略
前端·后端
小研说技术17 分钟前
实时通信对比,一场MCP协议的技术革命
前端·后端·面试
kyriewen20 分钟前
React Hooks原理:为什么不能写在if里?揭开Hook的“魔法”面纱
前端·react.js·前端框架
敲代码的彭于晏23 分钟前
Claude Code Token 烧得太快?这8个方案帮你立省90%!
前端·ai编程·claude
可视之道25 分钟前
设备拓扑图中的实时状态映射与动画策略:告警闪烁、流向动画、质量码怎么共存
前端
涂兵兵_青石疏影26 分钟前
绘制图像-clip方法
前端
焦糖玛奇朵婷44 分钟前
解锁扭蛋机小程序的五大优势
java·大数据·服务器·前端·小程序
SwJieJie1 小时前
windsurf的配置和项目规则、工作流、agent技巧使用
前端