&lt;div&gt;<br>&nbsp;&nbsp;&lt;div&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;利用两个div实现边框内圆角<br>&nbsp;&nbsp;&lt;/div&gt;<br>&lt;/div&gt;

</code>

</div>

<div>

<code>

.div1{background: #03A9F4;padding: 5px;}<br>.div2{background: #BBDEFB;border-radius: 10px;}

</code>

</div>

<div>

<div class="inRound inRound1">

<div>两个容器</div>

</div>

</div>

</div>

</div>

</div>

<div>

<h3>3.2 利用1个div</h3>

<div>

<h4>Demo:</h4>

<div>

<div>

<code>

&lt;div&gt;<br>&nbsp;&nbsp;利用两个div实现边框内圆角<br>&lt;/div&gt;

</code>

</div>

<div>

<code>

.div1{background: #BBDEFB;<br>&nbsp;&nbsp;&nbsp;padding: 5px;<br>&nbsp;&nbsp;&nbsp;border-radius:10px;<br>&nbsp;&nbsp;&nbsp;outline: 5px solid #03A9F4;<br>&nbsp;&nbsp;&nbsp;box-shadow:0 0 0 5px #03A9F4;}

</code>

</div>

<div>

<div class="inRound inRound2">一个容器</div>

</div>

</div>

</div>

</div>

</section>

</article>

</div>

<footer>

<p>Summarized by Hershin</p>

</footer>

</body>

</html>