实现条纹边框
1 效果图
2 代码
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title > 条纹边框 </title>
- <style type="text/CSS">
- #box {
- position: relative;
- width: 300px;
- height: 300px;
- background: cornflowerblue;
- border: 20px dashed greenyellow;
- }
- #box::after {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: white;
- }
- #article {
- position: relative;
- width: 300px;
- height: 300px;
- overflow-y: scroll;
- background-color: #fcefa1;
- }
- </style>
- </head>
- <body>
- <p id="box">
- <p id="article">
2015 年以来的世界形势和中国形势都是空前复杂在历史上, 中国也曾面临巨大的压力, 但过去形势比较单纯, 阵线分得清楚, 而现在是真分不清楚了历史上的中国, 曾经是地理封闭的国家, 几条大山脉和沿海大陆架国家, 将中国团团围住, 所以历史上的中国很封闭, 实际很晚世界才了解到, 原来还有这么个国家存在后来改革开放, 很不容易让世界了解了中国, 改革开放也曾经让中国站在了世界的道德高地之上, 充满了希望, 很多国家都羡慕中国, 都在学习中国的开放中国经济增长也在 10 年间取得了巨大的进步, 中国因素影响到了世界此后形势有变, 不但很多国家的改革走到前面去了, 而且由于一带一路的冲击, 美国切实感受到了中国的威胁, 开始了重返亚太的战略, 实际上现在的中国, 面临空前的软合围, 这种合围是经济的, 也是政治的, 压力空前, 这是建国几十年来从未没有过的情况中国的百事不顺, 与此有关
- </p>
- </p>
- </body>
- </html>
来源: https://www.2cto.com/kf/201802/723137.html