css黑色字白色描边,css怎么设置字体白色描边

CSS设置字体白色描边

1、使用text-stroke属性

text-stroke属性用于向文本添加描边。此属性可用于更改文字的描边宽度和颜色。使用-webkit-前缀支持此属性。

text-stroke是text-stroke-width和text-stroke-color(给文本填充颜色)两个属性的简写。

语法:

text-stroke: ;

参数:

width:设置文字的描边厚度

color:设置文字的描边颜色

24be98e54c7468441d7e34f473d28219.png

示例:

@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

效果图:

b1f9baa91b3735dcbda420216cdf832d.png

2、使用text-shadow属性

text-shadow:向文本设置阴影。

text-shadow:color||length||length||opacity。

color:指定颜色。

length:第一个length指定阴影在水平方向上的延伸距离,第二个length指定阴影在垂直方向上的延伸距离,可以为负值。

opacity:指定阴影模糊效果的作用距离。

用逗号分隔的4个属性值代表的方向顺序为右下左上。

示例:

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;

}

没有添加描边

添加了字体描边

效果图:

36dc97c8b697a7096badf11ef9d9c539.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/534524.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

没有shell63号单元_Ansys中Shell63单元和Shell41的比较

Ansys中Shell63单元和Shell41的比较Ansys中的Shell63号单元为板壳单元,可以模拟板壳的平面膜应力和平面弯曲,可以通过参数K1设置只有平面膜应力分量或/和平面弯曲分量;Shell41号单元为膜应力单元,仅具有平面膜应力分量&#xff0c…

向上传文件服务器,向服务器上传文件

//--------------------向服务器上传文件------//浏览选择需要上传的文件private static bool Unzip(string address, string filezip){//创建对话框OpenFileDialog ofd new OpenFileDialog();ofd.Title "请选择上传的文件";//规定文件类型ofd.Filter "zip(*…

知道python测试答案_大数据分析的python基础知道章节测试答案

大数据分析的python基础知道章节测试答案更多相关问题下列是内流湖的是[ ]A、青海湖      B、洪泽湖 C、洞庭湖       D、西湖下列河流冬季有结冰现象的是[ ]A、松花江 B、黄河 C、珠江 D、长江我国最大湖是________湖,它属于________湖,我国最…

vcenter服务器修改ip,vcenter服务器默认ip地址

vcenter服务器默认ip地址 内容精选换一换安全组类似防火墙功能,是一个逻辑上的分组,用于设置网络访问控制。用户可以在安全组中定义各种访问规则,当弹性云服务器加入该安全组后,即受到这些访问规则的保护。入方向:入方…

儿童吹泡泡水简单配方_儿童吹泡泡玩具水怎么制作

玩具是每个孩子成长所必须,给宝宝选择玩具的方法也不是那么简单的。给宝宝做玩具就更加不简单了,需要学习相关的教程才可以。那么,儿童吹泡泡玩具水怎么制作呢?跟着小编一起来看看关于儿童吹泡泡玩具的那些事吧!儿童吹泡泡玩具水怎么制作1、…

cuisineroyale服务器所在位置,cuisine royale进不去怎么办?原因及解决办法分享

cuisine royale是最近非常好玩的诙谐版吃鸡游戏,cuisine royale进不去应该怎么办呢?下面小编就来为大家详细的介绍一下cuisine royale进不去的原因及解决办法,感兴趣的玩家快来看看吧!cuisine royale玩不了怎么办?游戏…

双表查询java代码_多表增删改查

[java]代码库package com.ww.service;import java.lang.reflect.Array;import java.sql.Connection;import java.sql.ResultSet;import java.sql.SQLException;import java.util.ArrayList;import com.mysql.jdbc.PreparedStatement;import com.ww.db.DBHelper;import com.ww.e…

服务器项目前端调用摄像头失败,浏览器调用摄像头失败:NotSupportedError Only secure origins are allowed...

通过浏览器调用摄像头失败:NotSupportedError Only secure origins are allowed错误报告NotSupportedError Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).[Deprecation] getUserMedia() no longer works on insecure origins. To use this featur…

greenplum 存储过程_揭秘!Greenplum并行执行引擎到底是如何工作的?

《深入浅出Greenplum内核》系列直播以每月一场的速度持续推出中。在第一场《架构解读》直播里,我们了解了Greenplum的整体架构、存储管理、索引、查询执行、事务与日志等内容。今天(5月22日),第二场《Greenplum内核揭秘之执行引擎》也顺利播出啦&#xf…

倩女幽魂服务器维护时间,9月5日在线维护公告

亲爱的玩家:《倩女幽魂》手游将于本周四上午进行在线更新,更新期间无需停服,玩家可照常进行游戏。欢迎您届时体验本周放出的全新内容,祝全体玩家游戏愉快!本周四在线更新内容如下:系统1.跨服队伍和团队功能…

区块链是什么通俗解释_区块链是什么?如何用一句话通俗解释区块链

站长之家(Chinaz.com)注:很多人可能跟小编一样,为了搞懂区块链的概念,看了无数篇文章,但是很多说的都是大概念。虽然每个字都看得懂,但是连在一起就看不懂了。那么,区块链到底是什么东西呢?如何用一句话通…

和push的区别_还没有理解let 和 const的用法和区别吗,几百字让你立马搞懂

本文主要讲解ES6中变量的相关操作,变量的命名, 讲解 var、 let 、 const 三者的区别正文ES6中的 let 和 const 都是用来声明变量的, 他们与 var 有所区别let 命令我们都知道在for循环中,我们命名的变量 i 一般都只是为了在这个循环…

深度学习分类类别不平衡_「图像分类」 关于图像分类中类别不平衡那些事

作者&编辑 | 郭冰洋1 简介小伙伴们在利用公共数据集动手搭建图像分类模型时,有没有注意到这样一个问题呢——每个数据集不同类别的样本数目几乎都是一样的。这是因为不同类别的样例数目差异较小,对分类器的性能影响不大,可以在避免其他因…

vue设置多选框默认勾选_Vue实现全选和反选即Vue复选框增加全选功能

导语:Vue中单选下拉框开发起来非常简单,直接select包裹一个带v-for的option即可但是当我们想做个带多选的下拉框该怎么办呢?最简方法是什么?比如下面这个图:如果网上搜的话,搜的是一堆带children的 ,那种是遍历tree的思想,和多选下拉框不是一回事,而且写起来复杂看不懂源码再…

pyqt5 下拉 多页 点击_PyQt5实战——自定义翻页控件实现

分页控件效果图一、环境要求python解释器:python3.7.4依赖:PyQt5、sys模块二、思路分析1、布局:”上一页“、”下一页“等button、edit及label控件采用水平布局,使用该布局填充主控件QWidget2、类继承关系:主界面继承自…

三种平摊分析的方法分别为_干货|电工必须学会的三极管电路分析方法

三极管有静态和动态两种工作状态。未加信号时三极管的直流工作状态称为静态,此时各极电流称为静态电流,给三极管加入交流信号之后的工作电流称为动态工作电流,这时三极管是交流工作状态,即动态。一个完整的三极管电路分析有四步&a…

休眠后gpio状态_浅谈Digi XBee模块的休眠模式

浅谈Digi XBee模块的休眠模式2020-3-25Digi XBee S2C模块,如果仅连接电源线可以测得,在待机情况下,大约是10.5mA左右的电流,在休眠时的功耗可以低到0.5uA。可以知道,休眠几乎不耗电。在Spec上标的待机功耗会比实测只接…

xodo上的笔记不见了_一起来“终极笔记名场面批发市场”进货吗

俗话说得好,谁都逃不过“真香定律”,三天不见小笔记,想他。不对,不应该叫小笔记,应该叫粉丝起的名字——“【瓶邪黑花】《终极笔记》(原著风/连载)”下面请接受来自粉丝的疯狂打call~自上周《终极笔记》播出&#xff0…

python3学习笔记 雨痕_Python 3 学习笔记:数字和布尔

数字基本类型整数在 Python 编程中,整数就是数学意义上的整数,包括正整数、负整数和零,且它的位数是任意的。根据表示方法的不同,可以分为:二进制整数八进制整数十进制整数十六进制整数浮点数浮点数,即数学…

不越狱换壁纸_那些不舍得换的手机插画壁纸,你还差几张?

酷爱收藏美作的微课菌可以大展拳脚了!分享3位自己收藏的画师作品,绝对每一张都让你舍不得换,手机可以扔,壁纸得先拷贝存起来!开始吧!!多图预警!NO.1:Atey Ghailan&#x…