<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式</title>
    <link rel="stylesheet" href="tzy.css" type="text/css">
</head>
<body>
<p>测试能否被继承</p>
<h2>啦啦啦啦啦啦啦啦</h2>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
<p>测试能否被继承</p>
</body>
</html>






 






body {
    background: blue;
    /*背景颜色,不能被继承*/
    background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg");
    /*设置图片*/
    width: 900px;
    height: 900px;
    background-size: 500px 500px;
    /*设置图片大小*/
    background-repeat: no-repeat;
    /*设置图片不允许重复*/
    background-attachment: fixed;
    /*设置滚动页面的时候图片不滚动*/

}

p {
    width: 150px;
    height: 20px;
    background: red;
}

h2 {
    background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg");
    /*设置图片*/

    background-repeat: repeat;
    /*设置图片允许重复(默认)*/
    background-repeat: repeat-x;
    /*设置图片X轴可以重复*/
    background-repeat: repeat-y;
    /*设置图片y轴可以重复*/
    background-repeat: no-repeat;
    /*设置图片不允许重复*/
    background-position: right center;
    /*设置图片起始位置可以写入 100px 100px*/

}


												


											
HTML学习笔记 CSS背景样式案例 第六节 （原创） 参考使用表的更多相关文章
	

    
								
  1. [CSS3]学习笔记-CSS基本样式讲解
		
    1.CSS样式-背景 CSS运行应用纯色作背景,也允许使用背景图像创建相当复杂的效果 <!DOCTYPE html> <html> <head lang="en ...
    
		
    2. 
						
  2. CSS学习笔记——CSS选择器样式总结
		
    <style type="text/css"> * { padding:0; margin:0; } .box h2 { //内边距左边的距离 padding-left ...
    
		
    3. 
						
  3. JAVAscript学习笔记 js计时器与倒计时 第六节 （原创） 参考js使用表
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    4. 
						
  4. amazeui学习笔记--css（基本样式4）--打印样式Print
		
    amazeui学习笔记--css(基本样式3)--打印样式Print 一.总结 1.打印显示url方法: 利用 CSS3 content 属性,将 <a> 和 <abbr> 的 ...
    
		
    5. 
						
  5. amazeui学习笔记--css（基本样式3）--文字排版Typography
		
    amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非 衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...
    
		
    6. 
						
  6. amazeui学习笔记--css（基本样式2）--基础设置Base
		
    amazeui学习笔记--css(基本样式2)--基础设置Base 一.总结 1.盒子模型:外margin,内padding,这里的内外指的边框 2.border-box:Amaze UI 将所有元素 ...
    
		
    7. 
						
  7. amazeui学习笔记--css（基本样式）--样式统一Normalize
		
    amazeui学习笔记--css(基本样式)--样式统一Normalize 一.总结 1.统一浏览器默认样式: Amaze UI 也使用了 normalize.css,就是让不同浏览器显示相同的样式  ...
    
		
    8. 
						
  8. amazeui学习笔记--css（常用组件10）--导航条Topbar
		
    amazeui学习笔记--css(常用组件10)--导航条Topbar 一.总结 1. 导航条:就是页面最顶端的导航条:在容器上添加 .am-topbar class,然后按照示例组织所需内容.< ...
    
		
    9. 
						
  9. amazeui学习笔记--css（布局相关3）--辅助类Utility
		
    amazeui学习笔记--css(布局相关3)--辅助类Utility 一.总结 1.元素清除浮动: 添加 am-cf 这个 class 即可 2.水平滚动: .am-scrollable-horiz ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. redhat下yum命令安装（替换为centos yum命令）
			
    redhat默认自带的yum源需要注册,才能更新,报错:This system is not registered to Red Hat Subscription Management. You ca ...
    
			
    2. 
						
  2. Android在 普通类（非Activity，多数为Adapter） 中 传输数据为空值   解决方法 ：在startActivity 用 intent传输数据
			
    这是bundle是传输不了数据的,获取到 出现这种情况的原因是非activity类中不存在Context,而在活动中传输数据时需要Context. 我收集到了两种解决方法. 1. 在调用该Adapte ...
    
			
    3. 
						
  3. docker命令不需要敲sudo的方法
			
    由于docker daemon需要绑定到主机的Unix socket而不是普通的TCP端口,而Unix socket的属主为root用户,所以其他用户只有在命令前添加sudo选项才能执行相关操作. 如 ...
    
			
    4. 
						
  4. spring mvc 多线程并发
			
    ThreadLocal为解决多线程程序的并发问题提供了一种新的思路.使用这个工具类可以很简洁地编写出优美的多线程程序. http://www.xuebuyuan.com/1628190.html 我们 ...
    
			
    5. 
						
  5. win10 uwp 隐私声明
			
    本文讲的是如何去写隐私声明. 垃圾微软要求几乎每个应用都要有隐私声明,当然如果你不拿用户信息的话,那么用户声明是一个URL,我们应该把应用声明放在哪? 其实我们简单方法是把隐私声明Privacy Po ...
    
			
    6. 
						
  6. Volley图片加载并加入缓存处理(转自http://blog.csdn.net/viewhandkownhealth/article/details/50957024)
			
    直接上代码  两种方式 ImageView 和NetworkImageView 如有问题或者好的建议.意见 欢迎大家加入技术群(群号: 387648673 ) 先自定义全局Application 获取 ...
    
			
    7. 
						
  7. multiprocessing模块
			
    multiprocessing模块 由于GIL的存在,python中的多线程其实并不是真正的多线程,如果想要充分地使用多核CPU的资源,在python中大部分情况需要使用多进程. multiproce ...
    
			
    8. 
						
  8. ASP.NET Core 企业级开发架构简介及框架汇总
			
    企业开发框架包括垂直方向架构和水平方向架构.垂直方向架构是指一个应用程序的由下到上叠加多层的架构,同时这样的程序又叫整体式程序.水平方向架构是指将大应用分成若干小的应用实现系统功能的架构,同时这样的系 ...
    
			
    9. 
						
  9. LeetCode 169. Majority Element （众数）
			
    Given an array of size n, find the majority element. The majority element is the element that appear ...
    
			
    10. 
						
  10. 我搞zabbix的那两天
			
    摘要:在生产环境上对服务器进行网络参数(比如CPU.内存等)的监控是很必要的,比如当服务器网络参数如内存不够用.磁盘空间快要占满时及时通知运维人员进行处理,保证服务器系统的安全.而zabbix就是这么 ...
    
			
    11.