电影网站建设视频教程,广东建设教育协会网站,企业文化标语,南京软件外包公司CSS边框,背景,边距,溢出
css边框属性
border:宽度 样式 颜色;
border-color;
border-style; 边框样式#xff1a;solid实现#xff0c;dotted点状线#xff0c;dashed虚线CSS3的样式 border-radius#xff1a;圆角处理 box-shadow: x轴偏移 y轴偏移 模糊度 扩散成都 颜色…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 检索或设置对象左边的外延边距