CSS边框,背景,边距,溢出

css边框属性

border:宽度 样式 颜色;
border-color;
border-style; 边框样式：solid实现，dotted点状线，dashed虚线

CSS3的样式
border-radius：圆角处理
box-shadow: x轴偏移 y轴偏移模糊度扩散成都颜色 inset内阴影设置或检索对象阴影

背景属性：background

*background-color: 背景颜色
*background-image: 背景图片
*background-repeat：是否重复，如何重复?(平铺)
*background-position：定位css3的属性
*background-size: 背景大小，如 background-size:100px 140px;多层背景：(了解)
background: url(./images/game/map_14.gif) no-repeat 100px 200px,url(./images/game/map_17.gif) no-repeat 150px 200px,url(./images/game/map_03.gif);

元素溢出

当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。

overflow的设置项：
1、visible 默认值。内容不会被修剪，会呈现在元素框之外。
2、hidden 内容会被修剪，并且其余内容是不可见的. 3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

CSS边距:

*内补白（内补丁）

padding： 检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;
padding-top： 检索或设置对象顶边的内部边距
padding-right： 检索或设置对象右边的内部边距
padding-bottom：检索或设置对象下边的内部边距
padding-left： 检索或设置对象左边的内部边距

*外补白（外补丁）

margin： 检索或设置对象四边的外延边距,如 margin:10px; margin:5px auto;
margin-top： 检索或设置对象顶边的外延边距
margin-right： 检索或设置对象右边的外延边距
margin-bottom： 检索或设置对象下边的外延边距
margin-left： 检索或设置对象左边的外延边距

CSS边框,背景,边距,溢出相关推荐

CSS边框、边距、轮廓（边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移）——万字长文|一文搞懂
目录 CSS边框 CSS 边框属性 CSS 边框样式实例 CSS 边框宽度实例特定边的宽度实例 CSS 边框颜色实例特定边框的颜色实例 HEX 值实例 RGB 值实例 HSL 值实 ...
CSS边框、边距的设置
目录一.边框粗细二.边框样式 1.border-style: 2.设置多边样式三.边距一.边框粗细 1.border-width: thick 粗边框系统设置为5px medium 中等粗细 ...
前端：CSS/10/伪类选择器，CSS列表属性，CSS边框属性，CSS内边距属性，CSS背景属性
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...
记录--有关CSS盒模型之内边距、边框、外边距的十九问题
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助本篇文章主要探讨盒模型,以及内边距.边框.外边距的面试题与思考,也希望您能把您的思考和遇到的问题以评论的方式补充下,后期,我将会补充到文章 ...
CSS盒模型之内边距、边框、外边距十九问（持续更新）
第一问:什么是盒模型? 第二问:两者的区别是什么? 第三问:怎么设置这两种模型呢? 第四问JS怎么获取和设置盒模型的宽高呢,你能想到几种方法第五问:描述一下下面盒子的大小,颜色什么的(content ...
CSS 框模型——规定了元素框处理元素内容、内边距、边框和外边距的方式
转自:http://www.w3school.com.cn/css/css_boxmodel.asp 要知道在父元素:float, rel, abs位置情况下,box模型的变换情况,请见:http:/ ...
HTML之设置背景、边框、边距和补白
背景颜色.背景图片.边框和边距,这些在网页设计中都是使用得比较多的修饰方法.合理地配置网页的前景色与背景色,再加以边款和边距的辅助,可以让网页看起来更漂亮. 背景颜色背景通常指的是除了文本与边框之外 ...
HTML5+CSS3-边框背景图、多背景图、CSS选择器、网络字体、边框背景图片、过渡、放大、旋转
边框背景图片 1. background-origin:设置背景图片的起始原点 background-origin:border-box;------背景图片从边框开始显示 background-o ...
Css中内边距、边框和外边距的关系
CSS 框模型元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景.内边距的边缘是边框.边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素. 内边距.边框和外边 ...

CSS边框,背景,边距,溢出

CSS边框,背景,边距,溢出

css边框属性

背景属性：background

元素溢出

CSS边距:

*内补白（内补丁）

*外补白（外补丁）

CSS边框,背景,边距,溢出相关推荐

最新文章

热门文章