css 文字外框 |css透明度连续渐变

纯css 折角，css rgba 颜色表，css信纸页面模板，css控制背景颜色渐变，类似bootstrap好看的css库，css设置图形可以被拉伸，css透明度连续渐变 css 文字外框 |css透明度连续渐变

p{
position: relative;
z-index: 1;
}
p::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid black;
z-index: -1;
}

上面的代码将为所有的 p 元素添加一个黑色的边框，将外框的宽度设为 1 像素。要改变颜色和宽度，只需要调整 border 属性的值即可。

如果您想要添加不同样式的外框，可以使用其他的 CSS 属性。下面的例子演示了如何使用 box-shadow 属性添加一个阴影的效果。

p::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0 0 10px 2px #888;
z-index: -1;
}

上面的代码将为所有的 p 元素添加一个灰色带阴影的边框。 box-shadow 属性接收四个值，依次是水平偏移量、垂直偏移量、模糊半径和阴影尺寸。

总之，CSS 文字外框是一个非常实用的技术。它可以让您的网页更加美观，同时还能够突出您的文字内容。在设计中尝试使用不同种类的外框，以找到最适合您站点的样式。