当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< style >
div.container
{
width:30em;
border:1em solid;
}
div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
border:1em solid red;
float:left;
}
</ style >
</ head >
< body >
< div class = "container" >
< div class = "box" >这个 div 占据了左边的一半。</ div >
< div class = "box" >这个 div 占据了右边的一半。</ div >
</ div >
</ body >
</ html >
|
实现效果:

相关推荐:CSS教程
以上就是css3怎么加内边框的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
transition-property属性怎么用
用CSS3实现一个奥运五环
用h5和CSS3制作全屏背景轮换播放教程
html5+CSS3实现无插件拖拽上传图片(支持预览与批量)的详情介绍
CSS3 简介
html5实践-详细介绍CSS3中的几个属性text-shadow、box-shadow和border-radius
纯CSS3实现信纸/同学录效果(代码示例)
一招搞定css不规则边框
column-width属性怎么用
html如何取消文本选中
更多相关阅读请进入《CSS3》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css3怎么加内边框