您的位置：首页 > Web前端 > CSS

CSS边框与背景[下]

2016-08-05 16:55 393 查看


笔记：

ctrl+s=保存

crtl+shift+s=另存为

crtl+n=新建

Ctrl+/ 注释单行。

Ctrl+Shift+/ 注释多行。

Ctrl+Z 撤销。

Ctrl+Y 恢复撤销。

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>CSS边框与背景[下]</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>我是<b>HTML5</b>>,我是<b>HTML5</b>>,我是<b>HTML5</b>>,</div>
</body>
</html>
style.css:

@charset "utf-8";
/*html{
height:100%;
}*/
body{
/*background-color: silver*/
/*	background-image: url(1.gif);*/
/*	background-repeat: repeat-x;
background-repeat: no-repeat;*/
/*	background-size: cover;
background-size: 200px 200px;
background-size: 100%;//仅仅显示一张图，并且充满等比例缩放
background-attachment: scroll;*/

}
div{
width: 500px;
height: 300px;
border:10px dashed red;
padding: 50px;
///简写形式
background: silver url(xiaogou.gif) no-repeat center /100% border-box center-box;

background-color: silver;
background-image: url(2.gif);
/*	background-repeat: no-repeat;
background-position: bottom;
background-position: left bottom;*/
/*	background-image: url(/CSS边框与背景[下]/xiaogou.gif);
background-repeat: no-repeat;
background-repeat: no-repeat;
border: :10px dashed red;
background-origin: border-box;
background-origin: padding-box;
background-clip: border-box;
background-clip: padding-box;*/

/*}
div b{
background-color: red;
}
div b:first-child{
background-color: transparent;
}*/


ppt:























重要：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css
相关文章推荐
新的分享
章节导航