前端一HTML:二十五盒子模型

html页面上的每一个元素都是一个盒子。

万物皆盒子。

盒子的组成: content, Padding, border, margin

盒子的外壳: border

1. border-width: 设置边框宽度

2. border-style: 设置边框样式

solid:实线
3. border-color: 设置边框颜色

以上三种可以使用border连写.

border: border-width border-style border-color

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div{width: 200px;height: 200px;background-color: yellow;/*border: 1px solid #000*/ /*连写*/border-width: 1px;border-style: solid;border-color: red;}</style>
</head>
<body><div>奥特曼大战怪兽!!</div>
</body>
</html>

前端一HTML:二十五盒子模型相关推荐

前端 HTML/CSS （十五）
目录前端 HTML/CSS (十五) 动画简单的实现设置多个动画延迟播放动画的迭代次数设置动画的播放方向 animation-timing-function,改变内部的时序关键帧动画响 ...
2021年大数据Hadoop（二十五）：YARN通俗介绍和基本架构
全网最详细的Hadoop文章系列,强烈建议收藏加关注! 后面更新文章都会列出历史文章目录,帮助大家回顾知识重点. 目录本系列历史文章前言 YARN通俗介绍和基本架构 Yarn通俗介绍 Yarn基本 ...
SAP UI5 初学者教程之二十五 - 使用代理服务器解决 SAP UI5 应用访问远端 OData 服务的跨域问题试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...
开源操作系统 FreeDOS 二十五年演进史：因微软抛弃 MS-DOS 而来！
[CSDN 编者按]1994 年,微软宣布停止支持 MS-DOS,而 FreeDOS 的作者 Jim Hall 作为 MS-DOS 的超级粉丝,决定自行设计一个 MS-DOS 的自由软件替代--这就有 ...
osgEarth的Rex引擎原理分析（二十五）地形瓦片大小尺寸和LOD的关系
目标:(十八)中的问题55 osgEarth::TerrainOption中_tileSize默认大小为17,LOD的默认范围为0-23,这两个值的关系是什么? 还有瓦片的像素尺寸_tilePixel ...
二十五个软件测试经典面试题，你确定不收藏一波？
二十五个软件测试经典面试题全在这里了,有兴趣的朋友建议收藏一波,或者留言交流! 1.在搜索引擎中输入汉字就可以解析到对应的域名,请问如何用LoadRunner进行测试? 建立测试计划,确定测试标准和测 ...
OpenGL 图形库的使用（二十五）—— 高级OpenGL之帧缓冲Framebuffers
https://www.jianshu.com/p/d7066d6a02cc OpenGL 图形库的使用(二十五)-- 高级OpenGL之帧缓冲Framebuffers 刀客传奇关注 0.2 20 ...
二进制空间权重矩阵_白话空间统计之二十五：空间权重矩阵（三）解构空间权重矩阵...
原标题:白话空间统计之二十五:空间权重矩阵(三)解构空间权重矩阵中国古代就有"天圆地方"一说,所谓的"方"就是所谓的矩阵-- 在军事上面,最为讲究就是团体的力 ...
Citrix 服务器虚拟化之二十五桌面虚拟化之XenDesktop高可用性
Citrix 服务器虚拟化之二十五桌面虚拟化之XenDesktop高可用性 CitrixXenDesktop 中DesktopDelivery Controller (DDC)服务器是整个Xende ...

前端一HTML:二十五盒子模型

盒子的外壳: border

前端一HTML:二十五盒子模型相关推荐

最新文章

热门文章