css设置背景小技巧

原创

清风凌雪 2019-01-22 10:56:35 博主文章分类：前端 ©著作权

©著作权归作者所有：来自51CTO博客作者清风凌雪的原创作品，请联系作者获取转载授权，否则将追究法律责任

代码：　　背景色 background:green; 　　背景图 background-image: url(../../1111.png); 　　图片大小 background-size:20% 50%; 　　使图在任何大小的屏幕都不会显示重复(图像不平铺) background-repeat:no-repeat;

<span   style="background:green;background-image: url(../../1111.png);background-size:20% 50%;background-repeat:no-repeat;">

效果如下：

打赏
赞
收藏
评论
分享
举报

上一篇：Navicat for MySQL进行表分区操作(图解)

下一篇：CentOS7安装定时任务

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

【CSS】CSS 背景设置 ⑨ ( 背景半透明设置 )

一、背景半透明设置1、语法说明2、代码示例

css css3 html 前端半透明背景
【CSS】CSS 背景设置 ② ( 背景位置 | 背景位置-方位值设置 )

一、背景位置1、语法说明2、注意事项二、背景位置-方位值设置1、效果展示2、完整代码示例

css 前端背景设置背景位置 CSS背景方位值
css背景设置

background-color 背景颜色background-position 背景位置background-image 背景图片background-repeat 是否重复显示

css 背景
【CSS】CSS 背景设置 ⑧ ( 背景设置案例 | 导航栏按钮 )

一、背景附着1、HTML 标签结构2、设置 div 盒子内容水平居中显示3、设置链接标签默认显示样式4、设置鼠标经过样式二、完整代码示例1、代码示例2、效果展示

css html 前端背景设置背景图片
【CSS】CSS 背景设置 ① ( 背景颜色 | 背景图片 | 背景平铺 )

一、背景颜色1、语法说明2、代码示例二、背景图片1、语法说明2、代码示例三、背景平铺

css html 背景颜色背景图片背景平铺
CSS背景透明设置

1 style="margin-top:300px;background:rgba(255,255,255,这里设置小于1比如0.6这样); color:black;" 1 style="margin-top:300px;background:rgba(255,255,255,这里设置小于1比如0.

其他
【CSS】CSS 背景设置 ⑥ ( 背景附着 | background-attachment )

一、背景附着1、语法说明2、背景固定效果展示代码示例效果展示3、背

css 前端 html 背景附着背景设置
【CSS】CSS 背景设置 ③ ( 背景位置-长度值设置 | 背景位置-长度值方位值同时设置 )

一、背景位置-长度值设置二、背景位置-长度值方位值同时设置三、完整代码示例

css html CSS背景设置 CSS背景位置背景图片
css设置背景小技巧

代码：　　背景色background:green;　　背景图background-image:url(../../1111.png);　　图片大小background-size:20%50%;　　使图在任何大小的屏幕都不会显示重复(图像不平铺)background-repeat:no-repeat;<spanstyle="background:green;background-image:u

css 小技巧
背景半透明CSS兼容设置

半透明的蒙版效果从一年多以前就开始流行，到现在已经是大家非常熟悉的效果了。用CSS也可以非常简单的实现各种浏览器的兼容设置。我们先看下半透明蒙版的效果。没有盖蒙板的图片：我们加上半透明蒙板后的效果。这个效果就是利用一个简单的半透明蒙板实现的，这里对于这个蒙版的透明度设置为：filter:Alpha(Opacity=50);opacity:0.5;（当

背景半透明 CSS兼容设置
CSS背景图片设置

*{ margin:0px; padding:0px; list-style: none; text-decoration: none; font-family: Arial,'Microsoft YaHei',"Helvetica Neue",Helvetica,sans-serif; } bod

其他
css颜色介绍和背景设置

现在美丽网页的设计图中颜色五花八门的，网页模块中漂亮背景图也很多，网页中颜色和背景设置必不可少，接下来我们就先学颜色是如何表达的，要知其然，知其所以然。颜色表达形式 1.RGB：rgb( red, green, blue )：每个参数定义了0-255之间的颜色强度。举例： rgb(255,0,0

CSS_一阶
css 设置元素背景为透明

要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：

3d ci firefox
JavaWeb_CSS（17）_背景设置

背景设置背景颜色和图片示例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.weiyuxuan.com</title> </head> <style

JavaWeb CSS 背景设置 html 背景图片
css背景颜色 jquery css设置背景颜色background

一、背景属性概述CSS 中除了布局类属性，还需要添加一些背景类的内容进行页面的修饰，从而让网页变得更加的美观。 CSS 中通过 background 属性来设置背景，它是一个综合属性，可以拆分成多个单一属性。二、背景颜色 background-colorbackground-color 属性名：background-color作用：在盒子区域添加背景颜色的修饰。加载区域：在 border 及以内

css背景颜色 jquery css css3 html 属性值
CSS之背景设置、字体设置、文本设置

单行文本框与多行文本框 margin-left表示距离当前窗口左边的距离--> CSS层叠样式表

css 选择器文本框字体设置取值
首页css

body{ background-color: #CCCCCC;}.content ul{ padding-left: 0;}.content ul li{ display: inline-block;}.content{ width: 1000px; margin: 0 auto;}.conten ...

ico HTML/CSS
css设置背景图重复 javaFX css重复背景图像怎么设置

默认情况下，如果一幅背景图像不足以占满整个容器时，就会在水平方向和垂直方向重复，以填满整个容器。然而，有时候却希望背景图像只出现一次，或只在某个方向上重复。这时，就可以通过 background-repeat属性来定义背景图像如何重复，即背景图像的平铺方式，默认值为 repeat。不同取值的含义见表表 4‑5：表 4-5 background-repeat属性的取值及含义属性值含义re

css设置背景图重复 javaFX CSS 背景重复 CSS 背景重复 background-repeat属性
CSS——字体、文本、背景属性设置

一、字体属性1、font-weight：文字粗细取值描述normal默认值，标准粗细bord粗体border更粗lighter更细100~900设置具体粗细，400等同于normal，而700等同于boldinherit继承父元素字体的粗细值 2、font-style：文字风格normal 正常，默认就是正常的 italic 倾斜3、font-size：文字大小ps：一般是12p

CSS

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区