基础前端知识第一期: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 动画的知识

相关推荐
翻滚吧键盘15 分钟前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹21 分钟前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
杨进军42 分钟前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW1 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字1 小时前
Kotlin lazy 委托的底层实现原理
前端
爱分享的程序员2 小时前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)
前端·javascript·node.js
翻滚吧键盘2 小时前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
vim怎么退出2 小时前
万字长文带你了解微前端架构
前端·微服务·前端框架
你这个年龄怎么睡得着的2 小时前
为什么 JavaScript 中 'str' 不是对象,却能调用方法?
前端·javascript·面试
Java水解2 小时前
前端常用单位em/px/rem/vh/vm到底有什么区别?
前端