2015年9月21号css第一次课
2015-09-22 15:10
519 查看
一、border的用法
border的属性有:border-color:边框颜色; border-width: 边框的粗细;border-style:边框样式(solid实线、dashed虚线、dotted:点线)
常用一行写法:border:solid 1px red;
例子:
HTML代码:
CSS代码:
二、网页背景(background)
网页背景属性有:background-color:背景颜色;background-image:背景图片;background-repeat:(repeat-x; (横向铺满) repeat-y;(纵向铺满)no-repeat;(不铺满)
background-position:10px 10px 背景图像的位置;background-attachment:fixed 背景图片的固定;background-size:cover(拉伸铺满)
三、Overflow属性
visible:默认的值。(内容超出会显示在框外)。
hidden:超出的内容不显示。
scroll:会出现一个滚动条,以便查看其余的内容。
auto:内容不超出不出现滚动条,超出才会显示滚动条
border的属性有:border-color:边框颜色; border-width: 边框的粗细;border-style:边框样式(solid实线、dashed虚线、dotted:点线)
常用一行写法:border:solid 1px red;
例子:
HTML代码:
<div id="d1"> 边框高度:200 边框宽度:200 边框颜色:红色 </div>
CSS代码:
#d1{ width:200px; height:200px; border:solid 2px red; }
二、网页背景(background)
网页背景属性有:background-color:背景颜色;background-image:背景图片;background-repeat:(repeat-x; (横向铺满) repeat-y;(纵向铺满)no-repeat;(不铺满)
background-position:10px 10px 背景图像的位置;background-attachment:fixed 背景图片的固定;background-size:cover(拉伸铺满)
三、Overflow属性
visible:默认的值。(内容超出会显示在框外)。
hidden:超出的内容不显示。
scroll:会出现一个滚动条,以便查看其余的内容。
auto:内容不超出不出现滚动条,超出才会显示滚动条
相关文章推荐
- HTML+css3 工作笔记
- 《学习日记》CSS的盒子模型
- CSS的过渡效果及动画效果:transition&animation
- CSS选择器
- css初始化代码
- NPOI之Excel——合并单元格、设置样式、输入公式
- css 控制第二行字段縮進
- CSS样式常用的兼容hack写法
- 关于css3背景图片渐变的规则
- 初学css遇到的值得记载的
- NPOI创建Excel﹑合并单元格﹑设置单元格样式﹑边框
- JS+CSS实现类似QQ好友及黑名单效果的树型菜单
- 【css老版本浏览器兼容利器】ie-css3.htc
- 纯CSS绘制三角形(多个角度)
- css--左右visibility建立 “collapse”值问题
- CSS技巧
- 一点css技巧和对iOS delegate的理解
- css定位
- CSS中float的应用
- bfc样式控制