css怎样大边框里面再加个小边框

html-css021

css怎样大边框里面再加个小边框,第1张

使用outline+outline-offset实现多重边框

如果我们只需要绘制两层边框,使用outline也可以做到。outline是border外面的一层,和border原理一样。通过设定outline的样式可以为border外面再设定一层边框。但是需要注意的是,outline属性设定的边框不会随着内部元素边界样式的变化而变化。也就是说,如果元素边框带了圆角,那么outline绘制出的最外层边框仍然是矩形的。这是outline绘制边框的一个缺憾。

CSS:\x0d\x0a.box {width:500pxheight:200pxborder:1px solid #0000FF}\x0d\x0a.siteName{font-size:24pxfont-family:..(定义字体样式、大小等)}\x0d\x0a页面:\x0d\x0a\x0d\x0a\x0d\x0a欢迎光临某某某网站 \x0d\x0a\x0d\x0a\x0d\x0a应该就可以了。 回答于 2022-12-14