css通过text-shadow给文字加边框！

效果图如下

其实就是使用text-shadow实现的一个边框效果，想要什么背景色就把色值变化一下

  text-shadow: 4px 4px 0 #540017, 4px -4px 0 #540017, -4px -4px 0 #540017, -4px 4px 0 #540017, 4px 3px 0 #540017, 4px -3px 0 #540017, -4px -3px 0 #540017, -4px 3px 0 #540017, 4px 2px 0 #540017, 4px -2px 0 #540017, -4px -2px 0 #540017, -4px 2px 0 #540017, 4px 1px 0 #540017, 4px -1px 0 #540017, -4px -1px 0 #540017, -4px 1px 0 #540017, 4px 0px 0 #540017, 4px 0px 0 #540017, -4px 0px 0 #540017, -4px 0px 0 #540017, 3px 4px 0 #540017, 3px -4px 0 #540017, -3px -4px 0 #540017, -3px 4px 0 #540017, 3px 3px 0 #540017, 3px -3px 0 #540017, -3px -3px 0 #540017, -3px 3px 0 #540017, 3px 2px 0 #540017, 3px -2px 0 #540017, -3px -2px 0 #540017, -3px 2px 0 #540017, 3px 1px 0 #540017, 3px -1px 0 #540017, -3px -1px 0 #540017, -3px 1px 0 #540017, 3px 0px 0 #540017, 3px 0px 0 #540017, -3px 0px 0 #540017, -3px 0px 0 #540017, 2px 4px 0 #540017, 2px -4px 0 #540017, -2px -4px 0 #540017, -2px 4px 0 #540017, 2px 3px 0 #540017, 2px -3px 0 #540017, -2px -3px 0 #540017, -2px 3px 0 #540017, 2px 2px 0 #540017, 2px -2px 0 #540017, -2px -2px 0 #540017, -2px 2px 0 #540017, 2px 1px 0 #540017, 2px -1px 0 #540017, -2px -1px 0 #540017, -2px 1px 0 #540017, 2px 0px 0 #540017, 2px 0px 0 #540017, -2px 0px 0 #540017, -2px 0px 0 #540017, 1px 4px 0 #540017, 1px -4px 0 #540017, -1px -4px 0 #540017, -1px 4px 0 #540017, 1px 3px 0 #540017, 1px -3px 0 #540017, -1px -3px 0 #540017, -1px 3px 0 #540017, 1px 2px 0 #540017, 1px -2px 0 #540017, -1px -2px 0 #540017, -1px 2px 0 #540017, 1px 1px 0 #540017, 1px -1px 0 #540017, -1px -1px 0 #540017, -1px 1px 0 #540017, 1px 0px 0 #540017, 1px 0px 0 #540017, -1px 0px 0 #540017, -1px 0px 0 #540017, 0px 4px 0 #540017, 0px -4px 0 #540017, 0px -4px 0 #540017, 0px 4px 0 #540017, 0px 3px 0 #540017, 0px -3px 0 #540017, 0px -3px 0 #540017, 0px 3px 0 #540017, 0px 2px 0 #540017, 0px -2px 0 #540017, 0px -2px 0 #540017, 0px 2px 0 #540017, 0px 1px 0 #540017, 0px -1px 0 #540017, 0px -1px 0 #540017, 0px 1px 0 #540017, 0px 0px 0 #540017, 0px 0px 0 #540017, 0px 0px 0 #540017, 0px 0px 0 #540017, 0 0 0 #540017;

css通过text-shadow给文字加边框！相关推荐

html中加一个边框怎么写,教您使用html代码给文字加边框！
教您使用html代码给文字加边框! 我们给一段文字加边框,其实是等于把一段文字放入一个"一行.一列"的"表格"中. 现在我们来给一首诗加一个边框: 江雪千山鸟 ...
html怎么给一个字母加边框,教您使用html代码给文字加边框！
教您使用html代码给文字加边框! 2018-09-16 我们给一段文字加边框,其实是等于把一段文字放入一个"一行.一列"的"表格"中. 现在我们来给一首诗加一 ...
PIL imagefont文字加边框
使用pil给图片中的文字加个边框,像这样真的是找了很久才找到的,后来在https://stackoverflow.com/questions/41556771/is-there-a-way-to-o ...
bootstrap 文字加边框_word文档怎么加边框和底纹-给文档化个妆
word,不但可以给文字或者段落添加边框和底纹,也可以给整个页面添加边框或底纹,我简单的设置了一下,先看看效果怎么样,别说我设置的难看哦. 1.点边框和底纹按钮,找到边框和底纹,点开,进入边框和底纹 ...
php文字加边框,word怎么给段落加边框
word给段落加边框的方法:首先打开Word,并在文档中录入正文:然后选择一段文字,并点击[设计->页面边框]:接着在打开的窗口中,切换到[边框]选项卡,选择一种边框样式:最后点击[确定]即可. ...
php文字加边框,图片加特效文字图片添加各种边框的文字效果如果有多种边框模板就更好了...
一张普普通通的照片,如果巧妙加上配景的特效文字,就能瞬间变成独具风味的"艺术"照片了.我们在网上经常看到一些加了文字边框的唯美图片,那么这个是怎么制作出来的呢?使用照片特效处理工具 ...
html 文字加边框阴影效果,CSS3之边框圆角、边框阴影和字体阴影
1.边框圆角在早期如果想要制作四周有圆角的元素时,需要专门制作一张图片(这其实没什么),但是试想一下,如果要修改圆角的各种关系,比如颜色,半径等等,必须去重新修改图片才能够实现(十分麻烦). 在htm ...
CSS 使网页变灰(文字加动画)
如果需要使网站变灰,在网页上加层滤镜就可以了. 1 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ...
wpsword怎样涂黑方框_【wps文字怎样设置红色边框图解】 wps怎么给文字加边框
为了突出某一段落的重要性,我们可以在wps文字中为其添加红色边框,那么,怎样在wps文字中为段落添加红色边框呢?下面就让小编告诉你 wps文字如何添加红色边框的方法,欢迎大家来到学习. wps文字添加 ...

css通过text-shadow给文字加边框！

css通过text-shadow给文字加边框！相关推荐

最新文章

热门文章