css黑色字白色描边,css怎么设置字体白色描边
CSS設(shè)置字體白色描邊
1、使用text-stroke屬性
text-stroke屬性用于向文本添加描邊。此屬性可用于更改文字的描邊寬度和顏色。使用-webkit-前綴支持此屬性。
text-stroke是text-stroke-width和text-stroke-color(給文本填充顏色)兩個(gè)屬性的簡(jiǎn)寫。
語(yǔ)法：
text-stroke: ;
參數(shù)：
width：設(shè)置文字的描邊厚度
color：設(shè)置文字的描邊顏色
示例：
@import url(https://fonts.googleapis.com/css?family=Bangers);
body {
font-size: 50%;
line-height: 1;
background: palevioletred;
}
h1 {
font: 8em/1 Bangers, sans-serif;
-webkit-text-stroke: 3px #fff;
color:black;
}
Hello World
效果圖：
2、使用text-shadow屬性
text-shadow:向文本設(shè)置陰影。
text-shadow:color||length||length||opacity。
color:指定顏色。
length:第一個(gè)length指定陰影在水平方向上的延伸距離，第二個(gè)length指定陰影在垂直方向上的延伸距離，可以為負(fù)值。
opacity:指定陰影模糊效果的作用距離。
用逗號(hào)分隔的4個(gè)屬性值代表的方向順序?yàn)橛蚁伦笊稀?/p>
示例：
text-shadow-文字描邊.demo {
height: 200px;
text-align: center;
font-family: Verdana;
font-size: 30px;
font-weight: bold;
background: peru;
color: #000;
}
.stroke {
text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}
沒(méi)有添加描邊
添加了字體描邊
效果圖：
總結(jié)
以上是生活随笔為你收集整理的css黑色字白色描边,css怎么设置字体白色描边的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 华为笔记本怎么入pe 华为笔记本如何进入
- 下一篇： 备注荷包蛋什么意思？