请问DIV+CSS 这个效果怎么做?

请问一下  用一个DIV 可以做到这样的效果吗 ?

---

不知这个算不算一个DIV？

HTML code:

<style type="text/css">
.demo {
border: 1px solid #8fb9d1;
background-color: #edf8fe;
padding: 5px;
}

.demo span {
border: 1px solid #d5effc;
background-color: #fff;
width: 100%;
display: inline-block;
}
</style>

<div class="demo">
<span>abcdeftg</span>
</div>

---

引用

不知这个算不算一个DIV？

HTML code <styletype="text/css">
        .demo{
            border: 1px solid #8fb9d1;
            background-color: #edf8fe;
            padding: 5px;}
       
        .demo span{
            border: 1px solid #d5effc;
            background-color: #fff;
            width: 100%;
            display: inline-block;} </style> <d