在一个贴图中,
想实现的效果,顶部的,线条和图案还有底部的线条和图案不重复,只重复中间左右的。请问可以做到吗?谢谢各位的解答
HTML:
<div class="box">文本。。。。。</div>
CSS思路:
.box: 设置边框线; 相对定位;
.box:before,.box:after: 利用伪元素, 设置这俩伪元素绝对定位。 一个伪元素,引用顶部的引号图标;一个伪元素,引用 底部的引号图标。分别设置定位样式。
优点: 代码精简实现;
缺点: 适用于底色为纯色场景, 不然引号周边遮盖不住边框线。
3 回答992 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答944 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
2 回答2.6k 阅读
1 回答1.1k 阅读✓ 已解决
可以,用
border-image
https://aotu.io/notes/2016/11...
我构造了这个引号图:
宽高是 63 * 79