hexo改变背景图片的大小

Hexo之更换背景及透明度

Hexo之更换背景及透明度引入方式首先,介绍一下引入方式,外部导入css文件,不影响内部配置. 1.创建css文件创建一个css文件移动到\themes\butterfly\source\css目录下. 2.引入 inject在\source\_data的butterfly.yml中: (如果没有,可以创建一个_data文件夹,将\themes\butterfly中的 _config.yml复制过去,重命名为butterfly.yml) 按以下方式引入css文件. <link rel=&quo

css3-11 如何改变背景图片的大小和位置

css3-11 如何改变背景图片的大小和位置一.总结一句话总结:css3相对css2本身就支持改变背景图片的大小和位置. 1.怎么设置背景不填充padding部分? background-origin3)content-box#有效区域 18 background-origin:content-box; 2.如何改变背景图片的大小? background-size属性 17 background-size:100%; background-size:100% 100%; 3.背景如何使用多重

background-size 设置背景图片的大小

background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩. 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: 1.auto:默认值,不改变背景图片的原始高度和宽度: 2.<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放: 3.<百分比>

background-size （设置背景图片的大小）

设置背景图片的大小,以长度值或百分比显示(数值包括长度length和百分比percentage),还可以通过cover和contain来对图片进行伸缩. 语法:background-size: auto | <长度值> | <百分比> | cover | contain bg-size = [ <length> | <percentage> | auto ]{1,2} | cover | contain 并且会根据背景原点位置 background-ori

CSS3设置背景图片的大小

设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩. background-size 语法详解: 要在插入图片之后进行设置背景图片的大小 background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */ background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */ background-size:10%;/* 0%~100%之间的任何值,将背景图片宽高按

一款基于jquery的下拉点击改变背景图片

今天给大家介绍一款基于jquery的下拉点击改变背景图片.单击右上角的图片,下拉显示可选择的背景图片,单击图片变为背景图.效果图下: 在线预览源码下载实现的代码. html代码: <a href="#" class="but"></a> <div id="hf"> <div class="con"> <img src="images/left.png&qu

android 中ImageButton按下改变背景图片的效果

最近在做一个app的登陆界面,才发现原来认为很简单的UI效果,其实背后却蕴含的知识很多,积累一个算一个吧. 实现方法有两种:一种是添加代码,一种是配置xml文件. 方法一:代码添加 ImageButton btn = (ImageButton)findViewById(R.id.imageButton1); btn.setOnTouchListener(new View.OnTouchListener(){ public boolean onTouch(View v, MotionEvent e

AppCanCSS背景图片的属性

最近在用AppCan框架技术做跨平台移动应用开发,碰到界面布局设计中图片平铺.拉伸效果. 我们用到的是CSS 3中Background-size属性. 网上查了下这个属性,小记下: 取值: background-size: auto || length || percentage || cover || contain 取值说明: 1.auto:此值为默认值,保持背景图片的原始高度和宽度: 2.length:此值设置具体的值,可以改变背景图片的大小: 3.percentage:此值为百分值,可以

pygame “音乐盒”---- 播放一首歌& 点击对话框后背景以及对话框大小改变

有时,你用pygame写的游戏也许需要播放一些背景音乐,该怎么做呢,直接上代码: 下面的代码,有关于: 1>设置对话框图标.大小.标题 2>播放音乐 3>设置背景图片,以及获取背景图片的矩形(通过这个矩形可以获得大小等信息) 4>获取按键事件 # -*- coding: cp936 -*- filename='Colbie Caillat - Break Through.mp3' link='http://en.wikipedia.org/wiki/Colbie_Caillat'

点击li标记中的<a>标记改变li背景图片怎样实现

<div class="nav"><ul><li id="li1" class="dianji" onclick="changeBack(this,1)" ><a id="a1" href="Index.aspx">网站首页</a></li><li id="li2" onclick=&quo

iOS开发改变UINavigationController的UINavigationBar的高度和背景图片

1.改变高度自定义UINavigationBar的新类别: //UINavigationBar+BackgoundImage.h #import <Foundation/Foundation.h> @interface UINavigationBar (BackgoundImage) @end 在新类别的实现中,覆盖原有类的方法 - (void)drawRect:(CGRect)rect : //UINavigationBar+BackgoundImage.m #import "U

如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕（自适应大小）

默认情况下,通过HTML代码的BODY标签设置好背景图片<body background="x.jpg"> 后,图片会自动横向和纵向平铺.这就会产生一些美观上的问题. XP人提供CSS代码如下,放在页面头部即可,仅供参考: <style type="text/css"> body { background:url(/img/background.png); background-repeat: repeat-x; background-pos

CSS hack前传——背景图片全屏

在之前的博客CSS hack中我有提到,一个问题的解决让我对CSS hack的态度从不屑一顾,到认真研究了实验一下,事情是这样的,最近产品发布,向来狂妄的我被一个bug纠缠住了,甚至丧气的表示我做不出来,说来也惭愧,难住我的并不是造火箭这样的难题,只是个背景图片... 前世今生最近为产品做了一个扁平化的新Theme,看起来很美观,公司的艺术家看后表示需要一张有深意的背景图片,发给我了放上去后一看艺术家就是艺术家,果真和Theme很搭而且让网站高端了很多(自我感脚),兴冲冲的就发布了上去,主要

背景图片之background的用法

常用的background背景属性有: background-color 设置颜色作为对象背景颜色background-image 设置图片作为背景图片background-repeat 设置背景平铺重复方向background-attachment 设置或检索背景图像是随对象内容滚动还是固定的.background-position 设置或检索对象的背景图像位置. 背景图片自适应: 相应语法:background-size :[ <length> | <percentage> |

CSS3 background-image背景图片相关介绍

这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺.拉伸.偏移.设置大小等操作. 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: background-image :设置元素的背景图片. background-repeat :设置如何平铺背景图片. background-attachment :设置背景图片是否固定或随着滚动移动. background-position :设置背景图片的位置. background-size

在rem布局下使用背景图片以及sprite

现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,以及我的好友@墨尘写的更轻量级的hotcss.用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景图片.本文就来聊聊这方面的东西. rem布局所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小,然后所有的元素尺寸都以rem为单位来写.比如将<html>的字体设为100px,如果需要做一个100*200的元素,css如是写: div{ width: 1rem;

css切背景图片（background-position）

给元素添加背景图片的方式有很多,个人总结的有: 用img插入图片: css3的方式手动绘图: 单独用background-image单独插入图片: 其中用background-image有两种方法,一种是采用的单一照片来设置,另一种就是采用一张整图来切: 会用到的属性有: background-positon:x轴起点 y轴起点: background-size:背景图片的大小: width:终点x轴位置: height:终点y轴位置: 例如: <!DOCTYPE html> <html

CSS3------background-size（背景图片尺寸属性）

background-size 可以设置背景图片的大小,数值包括长度length和百分比percentage. 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围.那么下面我们一起来了解这个background-size属性吧. background-size语法 w3c对background-size的语法规定如下: 属性名: background-size 属性值: <bg-size>* 其中 bg-size = [ <length> | <

rem布局下使用背景图片和sprite图

现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,以及更轻量级的hotcss.用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景图片.本文就来聊聊这方面的东西. rem布局所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小,然后所有的元素尺寸都以rem为单位来写.比如将<html>的字体设为100px,如果需要做一个100*200的元素,css如是写: div{ width: 1rem; height: 2

CSS背景图片

1.背景图片插入代码格式:background-image:url(): 括号内填写图片路径 2.背景图片设置大小代码格式:background-size:宽.高 3.背景图片设置不平铺代码格式:background-repeat:no-repeat 由于背景图片插入后默认设置平铺效果,所以需使用该属性调整 4.背景图片定位代码格式:background-position:方向(top/right/bottom/left) 5.背景图片固定代码格式:background-attchme

CSS background-image背景图片相关介绍

这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺.拉伸.偏移.设置大小等操作. 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: background-image :设置元素的背景图片. background-repeat :设置如何平铺背景图片. background-attachment :设置背景图片是否固定或随着滚动移动. background-position :设置背景图片的位置. background-size

hexo改变背景图片的大小

热门专题