当前位置：移动技术网 > IT编程>网页制作>CSS > CSS 实用实例(推荐)

CSS 实用实例(推荐)

2017年12月12日 | 移动技术网IT编程 | 我要评论

background 背景设置背景颜色

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

设置一张图片做为背景

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

垂直重复背景图片

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

水平重复背景图片

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

怎样放置背景图片（位置摆放）

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

背景不滚动

<html> 
<head> 
<style type="text/css"> 
body 
{ 
background-image: 
url('http://www.blueidea.com/articleimg/2006/07/3744/smiley.gif'); 
background-repeat: 
no-repeat; 
background-attachment: 
fixed 
} 
</style> 
</head>

<body> 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
the image will not scroll with the rest of the page 
</body>

</html>

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

背景属性一行解决（用一行文字定义背景属性）

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

使用css样式，制作表格（小程序）

效果图：wxml:<view class="table-wrap"><view class="... [阅读全文]
清除新版Google Chrome浏览器中表单控件（input，button...）默认的黑色边框

今天在chrome浏览器上测试项目时，突然发现所有的表单控件都被加上了一个奇怪的黑色边框，翻了半天css文件后，... [阅读全文]
4.3 人脸融合应用程序的设计

文章目录4.3 人脸融合应用程序的设计4.3 人脸融合应用程序的设计ManyMasks软件打开之后,将展现一个实... [阅读全文]
LeetCode解析------155.最小栈-设计

题目：设计一个支持 push ，pop ，top 操作，并能在常数时间内检索到最小元素的栈。push(x) ——... [阅读全文]
4.复杂选择器、权重计算、css基础属性

CSS权重!importantInfinity行间样式1000id100class/属性/伪类10标签/伪元素1... [阅读全文]
荐 20200714——git/mac配置/项目运行步骤/一些报错

分布式：GIT工作模式下，每个开发者（安装了git客户端）的电脑就等同于传统SVN服务器svn工作模式：co... [阅读全文]
antd 菜单组件使用时报错：Cannot read property ‘isRootMenu‘ of undefined

项目中使用了antd ui框架，在使用Menu组件得SubMenu组件时报出以下错误：Uncaught Type... [阅读全文]
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来

div的style="background-image: url(img/a.bmp)图片显示不出来首先我的di... [阅读全文]
硬件仪表盘账号建立指导（一） --WHQL认证测试结果提交账号（一）

WHQL提交账户建立指南建立Microsoft 帐户如果你有hotmail，outlook，OneDriver，... [阅读全文]
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系

前些天在开发中遇到了关于浏览器cookie的一些小细节问题。例如：我创建的一个小购物车的web项目。用ngi... [阅读全文]

网友评论


验证码：

CSS 实用实例(推荐)

2017年12月12日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论