<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>背景颜色</title>
<style>
div {
width: 200px;
height: 200px;
/* 背景颜色 */
/* background-color: blue;
transparent是默认值 透明的 */
/* 背景图片 */
/* background-image: url();
url() 括号里面填写图片地址
默认none没有背景图片*/
/* 背景不平铺 */
/* background-repeat: no-repeat; */
/* 默认背景平铺 */
/* 沿着X轴/Y轴平铺 */
/* background-repeat: repeat-x;
background-repeat: repeat-y; */
}
</style>
</head>
<body>
<div></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>背景图片位置</title>
<style>
h3 {
width: 200px;
height: 50px;
background-image: url(./csdn.png);
background-repeat: no-repeat;
/* 背景图片位置 */
/* 背景位置方位名词 */
background-position: center left;
/* 方位名词部分顺序,只写一个另一个默认居中 */
/* background-position: 20px 30px; */
/* 精确位置第一个是X轴第二个是Y轴 */
/* 背景图像固固定 */
/* background-attachment: fixed; */
/* 默认scroll 背景图片跟随对象内容滚动 */
/* 背景复合性写法 */
/* background: transparent url() repeat fixed top;
color image repeat fixed position
颜色 图片 平铺 滚动 位置 */
text-indent: 10em;
line-height: 50px;
font-size: 20px;
}
</style>
</head>
<body>
<h3>csdn</h3>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>背景色半透明</title>
<style>
div {
width: 300px;
height: 300px;
background: rgba(0, 0, 0, 0.5);
/* 0.5代表透明度是50% */
}
</style>
</head>
<body>
<div></div>
</body>
</html>
ps:图片来自黑马程序员
在上一篇 SignalR 文章中,演示了如何通过 SignalR 实现了简单的聊天室功能;本...
前言 在创建对象需要初始化数据,数据参数不容易区别,可传可不传的时候,可以考...
如往常一样, 客户发给我一个xml文件, 用来更新数码课堂日程安排——是一个js读...
本文为大家分享了WebStorm安装教程,供大家参考 一、简介 WebStorm 是jetbrains...
例如: 我们在百度中搜索 尊托云数,则网址后面的参数就是 http://www.baidu.com/...
一、图状结构数据广泛存在 字节跳动的所有产品的大部分业务数据,几乎都可以归入...
什么是XPath XPath(可扩展路径)是给XSL转换[XSLT]和XPointer[XPointer]的...
昨天在做Flex开发的时候,遇到了这样一种操作,之前也遇到过,那时的办法不是很...
文章目录 1 InnoDB存储引擎中的锁 1.1 锁的类型 1.1.1 行级锁 1.1.2 意向锁(表级...
内嵌式RealPlayer播放器的参数含义 内嵌式RealPlayer播放器的参数含义 参数:aut...