收藏 分享(赏)

CSS基础之高度宽度背景.doc

上传人:eukav 文档编号:4296578 上传时间:2018-12-21 格式:DOC 页数:4 大小:66.50KB
下载 相关 举报
CSS基础之高度宽度背景.doc_第1页
第1页 / 共4页
CSS基础之高度宽度背景.doc_第2页
第2页 / 共4页
CSS基础之高度宽度背景.doc_第3页
第3页 / 共4页
CSS基础之高度宽度背景.doc_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

1、CSS 基础之高度,宽度,背景CSS 自适应高度,在 Html 中要用 height:auto,而在 CSS 中默认就是自适应,通常默认情况下不设置高度。下面这个例子设置了固定高度,超出了固定的框CSS 高度实例.modeheight:50px; width:50px ; border:1px solid #666;固定高度和宽度,固定高度和宽度若要阻止超出框,则可以在 mode 中添加 overflow:hidden 下面是效果 还有一个 line-height 属性用于设置行高,默认为 normalCSS 高度实例.modeheight:100px;width:100px;line-hei

2、ght:30px; border:1px solid #666;啦啦啦啦啦今天是个好天气line-height 为 20pxline-height 为 30px之后还可以设置最小高度和最大高度,对应为 min-height 何 max-height,最小高度超出内容会自适应高度.,宽度和高度一样 min-width 和 max-width,下面讲讲背景background-color 设置颜色作为对象背景颜色background-image 设置图片作为背景图片background-repeat 设置背景平铺重复方向background-attachment 设置或检索背景图像是随对象内容滚动

3、还是固定的。background-position 设置或检索对象的背景图像位置。下面这个例子是background-color的效果CSS 高度实例.modebackground-color:#456;height:100px;width:100px;line-height:30px;border:1px ;solid #666;啦啦啦啦啦今天是个好天气background-image可以使用 background:url(http:/ background-image:url(http:/ 有无重复 no-repeat,横向重复 repeat-x 和纵向重复 repeat-ybackground-attachment:fixed; 背景固定(默认)background-attachment:scroll 背景图像是随对象内容滚动为 background-position 属性提供值有很多方法。首先,可以使用一些关键字:top、 bottom、 left、right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。最后附上 CSSdiv5 的总结图

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 网络科技 > CSS/Script

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报