css给文字边框加背景 |dreamweaver 修改css

.text-border-bg {
padding: 10px;
background-color: #f3f3f3;
border: 2px solid #ccc;
border-radius: 10px;
}

上面的代码样式创建一个带有灰色背景色和灰色边框的文本区域。 padding属性增加了文本周围的填充区域，并让文本即使在没有背景的情况下也会离边框有一定的距离。 border属性控制边框的显示和样式，而 border-radius属性让边框变得更加平滑。

为了增加效果，可以添加“box-shadow”属性，使整个文本区域浮现在页面上。

.text-border-bg {
padding: 10px;
background-color: #f3f3f3;
border: 2px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px #ccc;
}

代码创建了一个阴影效果，使文本框看起来更加立体。

通过这种方式，你可以很容易地在网站上添加有趣的文本效果。试试来复制以上代码，为你的文本区域增加一些细节效果。