border虚线

CSS 基础

我的未来我决定 提交于 2019-12-05 07:41:00
CSS 介绍 CSS ( C ascading S tyle S heet ,层叠样式表 ) 定义 如何显示 HTML 元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染) CSS语法 CSS实例 每个 CSS 样式由两个组成部分:选择器和声明。 声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 /*这是注释*/ CSS的几种引入方式 行内式 是在标记的 style 属性中设定 CSS 样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将 CSS 样式集中写在网页的 <head></head> 标签对的 <style></style> 标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 外部样式 外部样式就是将 css 写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> CSS选择器 基本选择器 元素选择器 p {color: "red";} ID选择器 #i1

CSS盒子模型

空扰寡人 提交于 2019-12-05 04:05:55
概述:盒子模型属于CSS 三大模块之一,分别是:盒子模型、浮动、定位 一、盒子边框之border  1. 语法描述 语法: border-width border-style 设置边框样式 none: 没有边框 solid: 边框为单实线 (最为常用) dashed: 边框为虚线 dotted: 边框为点线 double: 边框为双实线 border-color 综合写法:border: 1px blue solid;   2. 对表格知识小补充之处理表格的细线边框   border-collapse: collapse; 合并两个相邻单元格的边框 3.圆形边距border-radius border-radius: 100px; 一个参数代表上下左右 border-radius: 10px 40px; /*左上角和右下角是10px 右上角和左下角是40 (对角线)*/ border-radius: 10px 40px 80px; /*左上角是10px 右上角和左下角是40 右下角是80(按照顺时针走的)*/ border-radius: 10px 40px 80px 100px; /*左上角是10px 右上角40 右下角是80 左下角是100(按照顺时针走的)*/ 二、内边距padding 1. padding用法 padding 属性用于设置内边距,指边框与内容之间的距离

边框的css属性 盒子模型

空扰寡人 提交于 2019-12-05 03:43:47
Border 边框 css属性 边框颜色 border-color:red/#ffffff/rgb() 默认为黑色 边框样式 border-style:solid(实线)dashed(虚线) 默认为none 边框粗细 border-width:1px;默认是3px Border的简写 border:border-width border -style border-color; Div 块 盒子 1.就是标签名 没有特殊的标签属性 2.主要用来排版布局 3.宽度是100%,chrome浏览器默认有8px的外边距,清除这8px用 4.这种天生占用宽度为100%的标签我们把它叫块级元素 比如 div p h1-h6 ul ol li等等 特点 : 独占一行 可以设置宽高。 5.大小宽高不是100%,是按照内容的多少决定大小的,这种标签叫 内敛元素 (行级元素) 比如 a span 特点:不独占一行 不可以设置宽高。 块级元素 div分析 外边距 margin 内边距 padding 边框 border Div的真实宽度=width+margin-left+margin-right+border*2+padding-left+padding-right; 文档流 元素从上到下(主要说块级元素),从左到右(主要说行级元素)的一种排列方式,我们把它叫标准文档流。他是浏览器天生具有的一种功能。

HTML+CSS基础 border css属性 Div块 盒子

久未见 提交于 2019-12-05 03:03:48
border css属性 边框颜色 border-color:red/#ffffff/rgb()默认为黑色 边框样式 border-style:solid (实线) dashed (虚线)、默认为none 边框粗细 border-width:1 Border的简写 border:border-width border-style border-color; Div块 盒子 1、就是标签名、没有特殊的标签属性 2、主要用来排版布局 3、宽度是100%, chrome浏览器默认有8px的外边距,清除这8px用 4、这种天生占用宽度为100%的标签我们把它叫块级元素。 比如 div p h1-h6 ul ol li 等等 特点:独占一行 可以设置宽高。 5、大小宽高不是100%,是按照内容的多少决定大小的,这种标签叫内敛元素(行级元素) 比如 a span 特点:不独自占一行,不可以设置宽高。 来源: https://www.cnblogs.com/hyh11211121/p/11900704.html

Border 边框 css属性 Div 块 盒子

六月ゝ 毕业季﹏ 提交于 2019-12-05 03:03:09
Border 边框 css 属性 边框颜色 border-color : red/#ffffff/rgb() 默认为黑色 边框样式 border-style:solid (实线) dashed( 虚线 ) 默认为 none 边框粗细 border-width : 1px ;默认是 3px Border 的简写 border:border-width border -style border-color; Div 块 盒子 1. 就是标签名 没有特殊的标签属性 2. 主要用来排版布局 3. 宽度是 100% , chrome 浏览器默认有 8px 的外边距,清除这 8px 用 4. 这种天生占用宽度为 100% 的标签我们把它叫 块级元素 比如 div p h1-h6 ul ol li 等等 特点 : 独占一行 可以设置宽高。 5. 大小宽高不是 100% ,是按照内容的多少决定大小的,这种标签叫 内敛元素 ( 行级元素 ) 比如 a span 特点:不独占一行 不可以设置宽高。 块级元素 div 分析 外边距 margin 内边距 padding 边框 border Div 的真实宽度 =width+margin-left+margin-right+border*2+padding-left+padding-right ; 文档流 元素从上到下(主要说块级元素),从左到右

div

拈花ヽ惹草 提交于 2019-12-05 03:01:20
一、border边框   border-color 边框颜色   border-style 边框样式       solid 实线       dashed 虚线   border-width 边框宽度     border的简写:宽度 样式 颜色; 二、div 块 盒子   1.就是标签名,没有特殊的标签属性   2.只要是用来排版布局   3.宽度是100%,谷歌浏览器默认有8px的外边距。   4. 这种天生占有100%宽度的标签我们把他叫做块元素。     块元素:div、p、h1~h6、ul、ol、li     特点:独占一行   5.宽度不是100%,宽度随着内容的多少决定大小的标签叫行元素。     行元素:p、span     特点:不独占一行,不可以设置宽高。 块级元素div分析   1.外边距 margin    2.内边距 padding   3.边框 border 三、文档流   元素从上到下,从左到右的一种排序,我们把他叫做文档流。      给元素设置浮动:float:left/right; 来源: https://www.cnblogs.com/lfive7/p/11900538.html

有关html的标签以及css属性(border、div)

て烟熏妆下的殇ゞ 提交于 2019-12-05 02:56:15
border 边框css属性 边框颜色 border-color 边框样式 border-style:solid (实线)dashed(虚线)默认为none 边框粗细 border-width:1px;默认是3px border的简写 border:border-width;border-style;border-color; div 块 盒子 1、就是标签名 没有什么特殊的标签属性 2、主要用来排版布局 3、宽度是100%,谷歌浏览器默认有8像素的外边距,清除这8px 用 body{ marign:0; } 4、这种天生占用宽度为100%的标签我们把他叫做块级元素; 比如 div、h1、h6等等 特点:独占一行,可以设置宽高。 5、大小宽高不是100%,是按照内容的多少决定大小的,这种标签叫做内敛元素(行级元素) 比如 a span标签 特点 不独占一行,不可以设置宽高。 块级元素div分析 1、外边距 marign 2、内边距 padding 3、边框 border 来源: https://www.cnblogs.com/zhangyuxinxin/p/11900263.html

border边框 css属性

我怕爱的太早我们不能终老 提交于 2019-12-05 02:55:11
边框颜色 border-color:red/#ffffff/rgb() 边框样式 border-style:solid (实线) dashed (虚线)默认为 nome 边框粗细 border-width:1px 默认是 3px Border的简写 border:border-width border-style border-color 来源: https://www.cnblogs.com/xwzs/p/11899882.html

day4

試著忘記壹切 提交于 2019-12-05 02:54:52
1120 Border 边框 css属性 边框颜色 border-color:red/#ffffff/rgb() 默认为黑色 边框样式 border-style:solid(实线)dashed(虚线) 默认为none 边框粗细 border-width:1px;默认是3px Border的简写 border:border-width border -style border-color; Div 块 盒子 1.就是标签名 没有特殊的标签属性 2.主要用来排版布局 3.宽度是100%,chrome浏览器默认有8px的外边距,清除这8px用 4.这种天生占用宽度为100%的标签我们把它叫块级元素 比如 div p h1-h6 ul ol li等等 特点: 独占一行 可以设置宽高。 5.大小宽高不是100%,是按照内容的多少决定大小的,这种标签叫内敛元素(行级元素) 比如 a span 特点:不独占一行 不可以设置宽高。 块级元素div分析 外边距margin 内边距 padding 边框 border Div的真实宽度=width+margin-left+margin-right+border*2+padding-left+padding-right; 文档流 元素从上到下(主要说块级元素),从左到右(主要说行级元素)的一种排列方式,我们把它叫标准文档流。他是浏览器天生具有的一种功能。

1120

有些话、适合烂在心里 提交于 2019-12-05 02:41:19
------------恢复内容开始------------ border边框 css属性 边框颜色 border-color 边框样式 border-style solid实线 dashed虚线 边框粗细 border-width 简写 border:粗细 样试 颜色; div 块 盒子 主要用来排版布局 文档流 元素从上到下(主要指块级元素) 从左到右(主要指行级元素)的一种排列方式 它叫标准文档流 他是浏览器天生具有的一种功能 在实际开发中 我们在遵循文档流原则的情况下 还得脱离文档流得约束 让元素不受文档流得控制 脱离文档流得方法 1 给元素设置浮动 float left right ------------恢复内容结束------------ 来源: https://www.cnblogs.com/lihuhu/p/11898837.html