css3的样式讲解-css学习之旅(3)
2015-09-25 15:54
651 查看
css背景
属性:background-color;background-image:url(“位置”);background-position:right等,px,百分数;background-repeat:norepeat,repreat,laft,right
代码实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Html5样式</title> <link href="MyCss.css" type="text/css" rel="stylesheet"> </head> <body> <p title="t">属性选择器</p> <p title="te">属性和值得选择器</p> </body> </html>
css代码
body{ background-image: url("hello.jpg"); background-repeat: no-repeat; background-position: right top; }
!!效果图
background-attachment: fixed表示随着字幕的滑动,图片不会滑动
!!!!css3背景区域
background-size:规定背景区域的尺寸
background-origin:规定背景区域的定位区域
background-clip:规定背景区域的绘制区域
!!!!代码
body{ background-image: url("hell.jpg"); background-repeat: no-repeat; background-size: 500px 500px; }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Html5样式</title> <link href="MyCss.css" type="text/css" rel="stylesheet"> </head> <body> <p title="t">属性选择器</p> <p title="te">属性和值得选择器</p> </body> </html>
!!!!效果图
相关文章推荐
- java-用HttpURLConnection发送Http请求.
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- Web布局连载——两栏固定布局(五)
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- [div+css]晒晒最新制作专题推广页模板
- HTML5中在客户端验证文件上传的大小
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS