2015-09-21 css学习1
2015-09-26 09:59
441 查看
3.设置背景图片
图片拉伸铺满: background-size:cover
铺满方向: background-repeat:repeat-x/repeat-y/no-repeat(横向铺满/纵向铺满/不铺满显示左上角)
图片方位: background-position:10px 20px
图片固定: background-attachment:fixed--------当背景图片上的内容大于背景图片时,可以使图片固定
多个图片方位调用:background-position:0px -20px--------右方向和下方向为负值
4.表格边框
属性设置:border: solid 1px red(实线 粗细 颜色)
边框重叠:border-collapse:collapse------细线合并
表头设置:th scope=”row” ------行表头
th scope =”col” ------列表头
5.去掉超链接下划线
另:div中超出的文本:overflow:hidden--隐藏 auto--超出部分加滚动条 scroll--一定有滚动条
Background-image:url(相对路径) ----123.jpg
图片拉伸铺满: background-size:cover
铺满方向: background-repeat:repeat-x/repeat-y/no-repeat(横向铺满/纵向铺满/不铺满显示左上角)
图片方位: background-position:10px 20px
图片固定: background-attachment:fixed--------当背景图片上的内容大于背景图片时,可以使图片固定
多个图片方位调用:background-position:0px -20px--------右方向和下方向为负值
4.表格边框
属性设置:border: solid 1px red(实线 粗细 颜色)
边框重叠:border-collapse:collapse------细线合并
表头设置:th scope=”row” ------行表头
th scope =”col” ------列表头
5.去掉超链接下划线
a{ text-decoration:none; }
a:link | a:visited | a:hover |
正常浏览状态样式 | 被点击过的超链接样式 | 鼠标经过时样式 |
相关文章推荐
- 模块化的CSS
- 初步学习css3之3D动画
- css学习笔记(四)-文本属性
- HTML与CSS
- CSS小知识
- 960CSS框架,之前有用过 了解下框架基本原理
- CSS框架960Grid从入门到精通一步登天
- web网页的表单排版利器--960css
- 4、第4次课 CSS代码第三节课20150923
- 纯CSS绘制基本图形
- css文本样式-css学习之旅(4)
- css文本样式-css学习之旅(4)
- css文本样式-css学习之旅(4)
- CSS从大图中抠取小图完整教程(background-position应用)
- css文本样式-css学习之旅(4)
- MVC中的JS和CSS压缩
- css3动画机制原理和实战
- 属性的继承以及样式优先级
- 自定义样式及带数字ProgressBar
- cms修改栏目单页样式错位调整