真不是很懂,在设置盒子的border-width时可以使用
border-width:10px 10px 10px 10px;
border-width: 10px 10px 10px;
border-width:10px 10px;
border-width:10px;
可以选择使用一个两个三个四个数据,然后又相应的规则
为什么要指定这么多规则呢?简简单单的就写4个数据的不好吗?
又好记,意思也明确,

盒子模型—border相关推荐

  1. 盒子模型+浮动布局+定位布局

    盒子模型 border (边框)元素边框 margin 外边距 padding 内边距 content (内容)可以是文字或图片 浮动布局 1.浮动:float:left/right;     2.清 ...

  2. 从零开始学前端:伪元素和盒子模型 --- 今天你学习了吗?(CSS:Day13)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS元素模式的转换和CSS三大特性 - 今天你学习了吗?(CSS:Day12) 文章目录 从零开始学前端 ...

  3. 第四次网页前端培训(CSS常用属性与盒子模型)

    CSS常用属性 背景 <head><meta charset="utf-8"><title>常用属性设置</title><st ...

  4. CSS盒子模型(border、padding、margin、圆角边框、盒子阴影、文字阴影、新闻列表综合案例、新浪导航栏案例)

    1. 网页布局的本质 首先利用CSS设置好盒子的大小,然后摆放盒子的位置. 最后把网页元素比如文字图片等等,放入盒子里面. 以上两步 就是网页布局的本质 2. 盒子模型(Box Model) 盒子模型 ...

  5. css盒子模型、边框border、外边距margin、填充padding、轮廓outline

    盒子模型:盒子默认的宽度为容器的宽度,也可以自省设定宽度,高度根据内容适应,也可以自行设定高度.min-height设定最小高度 一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清 ...

  6. html盒模型中border的写法,HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手...

    很多小伙伴在前端学习的时候,发现盒子模型默认为正方形.如何把盒子变成想要的模型呢? 首先我们来看一下默认的情况---- .box{ width: 100px; height: 100px; backg ...

  7. 关于标准盒子模型的(border、 margin和padding)属性的讲解

    让新手琢磨不透的(margin:外边距)and(padding:外边距)这两个属性 学过盒子模型的同学都应当知道(margin和padding)这两个用于盒子模型的两个重要属性吧.其实一开始我也不太明 ...

  8. CSS 盒子模型(border、padding、margin)

    CSS盒子模型 Css盒子模型本质上是一个盒子,封装周围的html元素,他包括边框.内容.外边距.内边距. 1.边框 边框(border)可以设置元素的边框,他由三部分组成:边框宽度(粗细).边框样式 ...

  9. (二)盒子模型之边框border

    1.边框的组成及用法 border可以设置元素的边框,边框有三部分组成:边框宽度(粗细).边框样式.边框颜色. 语法: border:border-width | border-style | bor ...

最新文章

  1. oracle取非空,求一条sql,返回分组后,空值取最近一条非空值,非空值取本身
  2. 08Spring_Spring和junit测试集成
  3. 阿里云盾技术强在哪里?轻松防御DDoS、CC攻击
  4. 简历英文 计算机水平,计算机英文 简历
  5. TurboMail邮件系统通过涉密信息系统产品认定
  6. python字符串与列表与运算_[Python学习笔记1]Python语言基础 数学运算符 字符串 列表...
  7. java 8 stream reduce详解和误区
  8. Qt之QThread用法
  9. PAIP。AHK IDE及相关DOC
  10. 90后的青春,定格在被淡忘的QQ空间里
  11. 2019-02-04~2019-02-08
  12. JAVA实现时间换算
  13. 贪吃蛇小游戏(HTML+CSS+JS)
  14. FutureTask 中 get(timeout) 的超时是怎么玩的?
  15. python 多因素方差分析_SPSS分析技术:多元方差分析
  16. hadoop2.x学习01
  17. handle java
  18. 【资源分享】一周整理的,这是价值10W的32个Python项目!
  19. ssh报错:no matching host key type found. Their offer: ssh-rsa
  20. POI点数据获取与NOAA(美国海洋和大气管理局)气象数据获取

热门文章

  1. 痞子衡嵌入式:恩智浦i.MX RTxxx系列MCU启动那些事(6.B)- FlexSPI NOR连接方式大全(RT500)...
  2. PKU 3311 Hie with the Pie 最短路 folyd
  3. java web项目如何与硬件设备(物联网)进行对接
  4. 某程序员求助:简历上美化过往经历,把外包写成正编,入职会不会被发现?
  5. c语言编程银行排队系统,C语言_课程设计银行排队系统.doc
  6. 阿里云EMR Remote Shuffle Service在小米的实践
  7. 查看路由器的管理页面地址
  8. Switch游戏机底座方案
  9. 利用约束优化技术实现自动化最近邻搜索配置|ICLR2023
  10. 你们推荐的项目 yyds