CSS边框与背景[下]

来源：互联网发布：手机淘宝有卖家版吗编辑：程序博客网时间：2024/06/05 08:03

笔记：

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:

重要：

0 0