首页前端开发CSSCSS3方框大小调整

CSS3方框大小调整

时间2024-05-20 08:08:03发布访客分类CSS浏览77
导读:CSS3方框大小调整(BoxSizing box-sizing属性允许您以确切的方式定义适应某个区域的具体内容。 实例 规定两个并排的带边框方框: div { box-sizing:border-box;...
CSS3方框大小调整(BoxSizing) box-sizing属性允许您以确切的方式定义适应某个区域的具体内容。 实例 规定两个并排的带边框方框: div { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ width:50%; float:left; } CSS3外形修饰(outline-offset) outline-offset属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。 轮廓与边框有两点不同: 轮廓不占用空间 轮廓可能是非矩形 这个div在边框之外15像素处有一个轮廓。 CSS代码如下: 实例 规定边框边缘之外15像素处的轮廓: div { border:2px solid black; outline:2px solid red; outline-offset:15px; }

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS3方框大小调整
本文地址: https://pptw.com/jishu/664017.html
关于CSS表单的案例分享 响应式图片廊实例

游客 回复需填写必要信息