核心提示：实现条纹边框1、效果图 2、代码!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title条纹边框/titlestyle type=text/css#bo...
实现条纹边框
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>
