【CSS再学习 之背景色 背景图片】的更多相关文章

CSS再学习 之背景色 背景图片

背景色 p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距. p {background-color: gray; padding: 20px;} 背景图片 body {background-image: url( xxx.jpg );} 背景重复. background-repeat: repeat-y; 背景定位. background-position:center; 百分数值. background-position:5…

CSS之生成全屏背景图片

在CSS中背景图片的填充方法: background-position:x,y(背景图片x,y轴的定位) background-repeat:no-repeat(不平铺) background-repeat:repeat-x(水平方向平铺) background-repeat:repeat-y(垂直方向平铺) 主要是css样式: *{ margin:; padding:; } html{ /* This image will be displayed fullscreen */ backgrou…

【CSS学习笔记】背景图片

直接看代码: background: blue; /*页面背景为蓝色,很简单的代码*/background-image:url(small.jpg); /*页面背景是名字叫small.jpg的图片*/background-repeat: no-repeat; /*水平方向显示图片repeat-x 竖直方向显示图片repeat-y 不重复图片no-repeat*/ background-attachment: fixed; /*在页面特别长有滚动条时,可以固定图片*/ 相关知识点: 1.背景图与背…

CSS 基础 例子 背景色 & 背景图片

背景简写形式 : body {background:#ffffff url('img_tree.png') no-repeat right top;} 一.背景色  background-color 二.背景图片 background-image background-repeat background-attachment background-position background-image 默认是水平和垂直平铺 设置  background-repeat 控制平铺方向,如repeat,r…

CSS 3学习——box-sizing和背景

box-sizing 在CSS 2中设置元素的width和height仅仅是设置了元素内容区的宽和高,元素实际的尺寸是margin + border + padding + 内容区. CSS 3(截止到2016年12月6日该属性还是草案)中新加了box-sizing属性,用来重新规定设置元素的width和height时,到底包含哪些区域. box-sizing的可取值有两个:content-box(默认值)和border-box. content-box 默认值.该值表示设置元素的width和h…

Qt setStyleSheet 添加背景色/背景图片(取消背景色，读取本地文件作为背景色)

容易搞定,mainWindow 是一个QWidget.// 设置背景色为蓝色mainWindow.setStyleSheet("background-color:blue;"); // 设置背景图片为bg.pngmainWindow.setObjectName("mainWindow");mainWindow.setStyleSheet("#mainWindow{border-image:url(:/image/bg.png);}"); 这里要注…

CSS 再学习，基础篇

语法 h1 {color:red; font-size:14px;} 共享声明 h1,h2,h3,h4,h5,h6 { color: green; } 继承 通过 CSS 继承,子元素将继承最高级元素(在本例中是 body)所拥有的属性(这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd).不需要另外的规则,所有 body 的子元素都应该显示 Verdana 字体,子元素的子元素也一样. 如果你不希望 "Verdana, sans-serif" 字体被…

CSS 再学习，文本处理

文本缩进(对p,div有效:对span无效) p {text-indent: 5em;} Tips:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素(span),图像之类的替换元素上也无法应用 text-indent 属性.不过,如果一个块级元素(比如段落)的首行中有一个图像,它会随该行的其余文本移动. 使用百分比 text-indent 可以使用所有长度单位,包括百分比值. 百分数要相对于缩进元素父元素的宽度.换句话说,如果将缩进值设置为 20%,所影响元…

css简单学习属性2---背景图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-image: url("图片1.png"),url("图片2.jpg"); /*图片1在x轴重复,图片2不重复*/ backgro…

css里面如何设置body背景图片满屏

@{    Layout = null;    ViewBag.Title = "Login Page";} <!DOCTYPE html> <html><head>    <meta name="viewport" content="width=device-width" />    <title>IndexMain</title>    @*样式*@    <sty…