css颜色 | 易学教程

CSS边距---盒子模型

阅读更多关于 CSS边距---盒子模型

CSS盒子模型盒子模型主要是有margin(外边距)、border(边框)、padding(内边距)、content(内容)组成，这些属性我们可以把它转移到我们日常生活中的盒子上来理解，日常生活中所见的盒子也就是装东西的箱子，也具有这些属性，所以叫它盒子模型其中content(内容)又可以有两个元素width(宽)和height(高) CSS边框样式可以使用border-style来设置边框的样式，也可以分别来设置上下左右的样式： border-top-style border-left-style border-right-style border-bottom-style 边框样式有很多种，可以定义很多，比如单边框，虚线的边框，实线的边框，双边框，还有没有边框的边框。分别都可以用border-style属性的上下左右后面接上，下表的值值描述 none 定义无边框 hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 dotted 定义点状边框。在大多数浏览器中呈现为实线。 dashed 定义虚线。在大多数浏览器中呈现为实线。 solid 定义实线。 double 定义双线。双线的宽度等于 border-width 的值。 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge 定义

使用CSS设置边框和背景

阅读更多关于使用CSS设置边框和背景

一、设置边框　　1、边框样式　属性说明 border-width 设置边框的宽度 boder-style 设置边框的样式 border-color 设置边框的颜色　　a、border-width属性　　　　自定义边框的宽度时，不能定义为百分比。　　b、border-style属性　　　　以上属性可以设置一个、二个、三个、四个属性值，当设置一个值得时候四条边框都应用该属性值，当设置两个的时候时候上下使用第一个属性值，左右使用第二个属性值，当设置三个值的时候，第一个值应用在上边框，第二个应用到左右边框，第三个属性值应用到下边框当设置了四个属性值，按着顺时针的方向一次应用。大部分情况下groove、ridge、inset、outset可以会使用双色边框，但是当border-color属性这设置成black是，两种颜色都会显示成黑色。　　 2、为一条边应用边框样式　　 boder-top/bottom/right/left-width/style/color 用来设置一条边框的样式，可以和通用属性结合使用。还可以使用border-bottom/top/left/right一次设置一条边框。　 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title

CSS：CSS 边框

阅读更多关于 CSS：CSS 边框

ylbtech-CSS：CSS 边框 1. 返回顶部 1、 CSS 边框 CSS 边框属性边框样式边框样式属性指定要显示什么样的边界。 border-style 属性用来定义边框的样式 border-style 值: none: 默认无边框 dotted: 定义一个点线边框 dashed: 定义一个虚线边框 solid: 定义实线边框 double: 定义两个边框。两个边框的宽度和 border-width 的值相同 groove: 定义3D沟槽边框。效果取决于边框的颜色值 ridge: 定义3D脊边框。效果取决于边框的颜色值 inset:定义一个3D的嵌入边框。效果取决于边框的颜色值 outset: 定义一个3D突出边框。效果取决于边框的颜色值尝试一下: 设置边框样式边框宽度您可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.1em(单位为 px, pt, cm, em 等)，或者使用 3 个关键字之一，它们分别是 thick 、medium（默认值）和 thin。注意： CSS 没有定义 3 个关键字的具体宽度，所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px，而另一个用户则分别设置为 3px、2px 和 1px。实例 p.one

CSS 边框基础知识

阅读更多关于 CSS 边框基础知识

CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。 Html原始边框与 DIV+CSS 边框对照 Html表格控制边框： border="1" bordercolor="#000000" 说明：控制表格边框宽度为1px，颜色为黑色，默认为实线样式边框。 DIV CSS 边框：border-color:#000; border-style:solid; border-width:1px; 说明：以上代码为设置对象边框颜色为黑色、边框为实线、宽度为1px边框边框样式包括设置上边框： border-top ：设置下边框： border-bottom ：设置左边框： border-left ：设置右边框： border-right ：边框显示样式： border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 参数值解释： none : 　无边框。与任何指定的border-width值无关 hidden : 　隐藏边框。IE不支持 dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 dashed : 　在MAC平台上IE4

CSS（12）边框

阅读更多关于 CSS（12）边框

　　在传统的HTML文档中，我们使用表格（table）来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。元素的边框（border）就是围绕元素内容和内边据的一条或多条线，元素外边距（margin）内就是元素的的边框 (border)。每个边框有 3 个方面：宽度（border-width)、样式(border-style)，以及颜色(border-color)。下图中标注的蓝色部分为元素的边框：一、边框与背景　　 CSS 规范指出，边框绘制在“元素的背景之上”。这很重要，因为有些边框是“间断的”（例如，点线边框或虚线框），元素的背景应当出现在边框的可见部分之间。CSS2 指出背景只延伸到内边距，而不是边框。后来 CSS2.1 进行了更正：元素的背景是内容、内边距和边框区的背景。大多数浏览器都遵循 CSS2.1 定义，不过一些较老的浏览器可能会有不同的表现。二、border-style 　　 border-style属性用来设置边框的样式，样式是边框最重要的一个方面，这是因为如果没有样式，将根本没有边框。CSS 的 border-style 属性没有默认值，它定义了包括none在内的dashed、 dotted 和 double等10个非 inherit 样式值。例如，把一幅图片的边框定义为 outset

CSS border 边框

阅读更多关于 CSS border 边框

讲解一、元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border 属性允许你规定元素边框的样式、宽度和颜色。 CSS 边框在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。每个边框有 3 个方面：宽度、样式，以及颜色。在下面的篇幅，我们会为您详细讲解这三个方面。边框与背景 CSS 规范指出，边框绘制在“元素的背景之上”。这很重要，因为有些边框是“间断的”（例如，点线边框或虚线框），元素的背景应当出现在边框的可见部分之间。 CSS2 指出背景只延伸到内边距，而不是边框。后来 CSS2.1 进行了更正：元素的背景是内容、内边距和边框区的背景。大多数浏览器都遵循 CSS2.1 定义，不过一些较老的浏览器可能会有不同的表现。边框的样式样式是边框最重要的一个方面，这不是因为样式控制着边框的显示（当然，样式确实控制着边框的显示），而是因为如果没有样式，将根本没有边框。 CSS 的 border-style 属性定义了 10 个不同的非 inherit 样式，包括 none。例如，您可以为把一幅图片的边框定义为 outset，使之看上去像是“凸起按钮”： a

CSS 背景

阅读更多关于 CSS 背景

css background的多种属性详解

阅读更多关于 css background的多种属性详解

css的background属性由以下属性组成： background-color：背景色 background-image：背景图片 background-size：背景图片尺寸 background-repeat：背景图片重复(repeat,repeat-x,repeat-y,no-repeat) background-position：背景图片位置 background-attachment：背景图片是否固定不动 background-clip：背景覆盖区 background-origin：背景图片覆盖区其中比较常用的是： background-color：背景色 background-image：背景图片 background-repeat：背景图片重复 background-position：背景图片位置 background-color 颜色名称，如： background-color:red; 十六进制背景色，如： background-color:#ff0000; / background-color:#f00; rgb颜色，这里如果是rgba，a表示透明程度，为0全透明，为1全显示，如： background-color:rgb(255,0,0); / background-color:rgba(0,0,255,0.8); transparent，透明，如：

doraemon的python 浮动、定位和background

阅读更多关于 doraemon的python 浮动、定位和background

### 11.5 浮动浮动：是为了解决网页的文字环绕问题浮动 float: - none 表示不浮动 - left 左浮动 - right 右浮动 - inherit 继承父元素的浮动属性浮动现象： - 浮动的元素脱离了标准文档刘，即脱标 - 浮动元素相互贴靠 - 浮动的元素会产生字围效果 - 浮动元素有收缩效果清除浮动的方式： - 原因:浮动带来的问题(衬不起父和子的高度) - 方法一：给父元素添加固定高度(不灵活，后期不易维护) - 方法二：内墙法 - ```css 内墙法：给最后一个浮动元素的后面添加一个空的块级标签，并且设置该标签的属性为clear:both; 问题：冗余 ``` - 方法三伪元素清除法推荐使用 - ```css 添加一个块，一般设置的名字叫clearfix .clearfix::after{ content:''; display:block; clear:both; } ``` - 方法四 overflow - ```css overflow:hidden; 常用，直接在块的属性里加因为overflow:hidden;会形成BFC区域，形成BFC区域之后，颞部有它自己的布局规则计算BFC的高度，浮动元素也参与计算但是小心overflow:hidden它自己的本意 overflow:scroll;出现滚动条 ``` ### 11.6 定位

CSS样式学习（一）

阅读更多关于 CSS样式学习（一）

CSS样式学习（一） CSS样式是网页的重要组成部分，就像是化妆品，用的好与差，决定了用户对网页的第一印象。一、CSS简介 CSS通常被称为样式叠层表，通过对标签增加样式，实现字体，颜色，背景，元素大小等，用于网页排版的细化处理。基本语法：以键值对的形式出现以分号结尾二、样式属性（一些简单的属性不再赘述，直接写在注释里，更多属性更多详细的用法请自行查找，这里仅简单介绍） < style > p { /* 斜体 */ font-style : italic ; /* 字体大小 */ font-size : 30px ; /* font-family的值填写中文如果出现乱码，可以尝试英文名字或unicode编码 */ font-family : "宋体" ; /* 粗体 */ font-weight : bold ; /* 红色字体 */ color : red ; } </ style > < body > < p > 这是一段字体为30像素的文字 </ p > < p > 这是一段字体为30像素的文字 </ p > </ body > 实现效果： css中提供了很多方便的优化方案来简化代码，比如以上这些代码，可以进行如下优化 < style > p { /* {font: font-style font-weight font-size/line-height

订阅 css颜色