本文介绍一下,怎么使用css来往网页里面插入盒子。
工具/原料
1
电脑
2
浏览器
3
notepad
方法/步骤
1
代码。
2
效果。
3
标签表示一类盒子;这里重新定义了这类盒子的属性:div{background-color:blue;width:300px;border:25px solid green;padding:25px;margin:25px;}
4
定义两类盒子:div.a1{background-color:blue;width:300px;border:25px solid green;padding:25px;margin:25px;}div.a2{background-color:red;width:300px;border:25px solid pink;padding:25px;margin:25px;}
5
注意调用某一类盒子的方法:
绿色盒子
红色盒子
注意事项
这里面其实仅仅是标签属性的修改,并不是重新定义。
上一篇:css盒子高度自撑满
推荐信息
- 1
用css往网页里面插入“盒子”
- 2
惠普电脑win7和win8.1系统注册免费升级到win10
- 3
惠普笔记本电脑如何设置开机密码
- 4
惠普商用PC,如何更换开机LOGO(替换HP图标)
- 5
hp电脑win7专业版如何激活
- 6
惠普电脑win10系统在哪里进行windows更新
- 7
惠普工作站如何恢复UEFI BIOS默认设置
- 8
惠普电脑怎么设置开机密码
- 9
HP Designjet HD pro Scanner软件更新&恢复过程
- 10
HP工作站如何安装RGS Sender端(Windows)
- 11
惠普笔记本如何安装win10
- 12
惠普笔记本如何安装HP Client Security Manager
- 13
如何安装惠普电脑的系统更新
- 14
惠普笔记本打开摄像头权限在哪开启
- 15
怎样画儿童简笔画“健身运动之足根击脸部”?
- 16
怎样画儿童简笔画“爱跑步的小女孩”?
- 17
怎么来教给孩子画一只长鼻子大象呢?
- 18
可爱的长鼻子大象怎么画
- 19
怎样化趣味简笔画长鼻子女人?
- 20
干锅兔的制作
- 21
Rabbit兔子带来的单词:[5]高效有趣单词学习
