css3的样式讲解-css学习之旅(3)
来源:互联网 发布:写给大家看的算法 pdf 编辑:程序博客网 时间:2024/06/11 20:24
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>
!!!!效果图
0 0
- css3的样式讲解-css学习之旅(3)
- css3学习之旅-css的基本语法(1)
- CSS3+Html5 学习笔记之css 样式加载顺序
- css文本样式-css学习之旅(4)
- Css3盒子模型-css学习之旅(5)
- CSS3学习笔记之与背景相关的样式
- CSS样式的学习
- css学习之----CSS样式大全(一)
- 初学者之CSS学习(五)控制文字的css样式
- CSS学习之 边框样式
- css样式学习之common
- CSS基本样式讲解
- css样式学习3
- css学习之路(3)--css如何选择样式(优先级)
- CSS3学习笔记(二)之CSS转换
- css3之布局相关的样式
- html系统学习之六 <CSS所有的样式属性>
- 蓝鸥零基础学习HTML5之CSS的基础样式一
- 面试---传递动态内存
- linux之cut命令的用法
- python3连接mongodb数据库
- ie8 ul li之间有距离
- 级联删除
- css3的样式讲解-css学习之旅(3)
- jar包的用途
- GAZEBO
- rmmod: chdir(xxx): No such file or directory 解决方法
- 中国电信IT研发中心一面总结
- NSArray排序
- u Calculate e - 1517
- 讲座:与迷茫相伴的IT成长路
- ibatis 条件查询