您现在的位置是：网站首页> 编程资料编程资料
写CSS_关于Border你可能需要注意的地方第1/2页_经验交流_
2023-05-25
218人已围观
简介 写CSS_关于Border你可能需要注意的地方第1/2页_经验交流_
今天写了一段CSS,写时突然想到的,写出来和大家分享一下; 我们可能早已习惯了padding在不同浏览器中的不同之处, 但这个你不一定注意过;
先说一个场景,例如:
一个宽400px的黄盒子,左边放一个300px的小蓝盒子,右边放一个宽100px的红盒子.这样应该正好放下对吧? 因为300+100正好是400呀! 好了,先试一试!
我开始写了(头部省略):
400px
300px
100px
先说一个场景,例如:
一个宽400px的黄盒子,左边放一个300px的小蓝盒子,右边放一个宽100px的红盒子.这样应该正好放下对吧? 因为300+100正好是400呀! 好了,先试一试!
我开始写了(头部省略):
复制代码 代码如下:
400px
看一下效果:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
最后的效果是这样的:
没有放下,原因就是因为我写了一个border:1px; 那我们把他去掉看一下.
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关内容
- css利用A标签的背景可能作出很有意思的效果第1/2页_经验交流_
- DL.DT.DD实现左右的布局简单例子第1/2页_经验交流_
- 大家看了就明白了css样式中类class与标识id选择符的区别小结_经验交流_
- DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags_经验交流_
- 为了防止乱码，请将用于页面编码的meta charset放到title的前面_经验交流_
- 使用CSS解决文字环绕图片问题的代码_经验交流_
- RGB 加成色 说明_基础教程_
- 非常漂亮的css星级效果总结第1/2页_经验交流_
- 用css alpha 滤镜 实现input file 样式美化代码_经验交流_
- 用margin和overflow属性实现div间距的方法_经验交流_
