一分钟教你如何实现唯美的文字描边

前两天有一个原来的同事问我文字描边怎么做,那么今天我们就来说说文字描边这个样式怎么实现.

一.文字描边

-webkit-text-stroke 文字描边
参数:
参数1 描边大小
参数2 描边颜色
   
注意: webkit内核有效 只能使用在谷歌 ,safir有效

-webkit-text-stroke: 1px red;

二.实例

上图的效果我们怎样来实现呢?

HTML结构
CSS样式
字体样式
字体颜色
文字描本阴影

那我们来看一下具体代码:

HTML:

<p>我最亲爱的,你过得怎么样?没我的日子,你别来无恙.</p>

CSS:

p{

  font-size: 45px;                               /*字体大小*/
  font-weight: 700;                             /*字体加粗*/
  font-family: "华文行楷";                       /*字体样式*/
  text-align: center;
  color: #fff; 

  -webkit-text-stroke: 1px pink;              /*字体描边 1px的描边大小 粉色*/
  text-shadow: 5px 5px 5px rgba(211,211,211,0.6);   /*文本阴影*/
  }

  

其实文字描边很简单,在给样式的时候注意你给的样式顺序,以及大小,以达到目的为基准就可以了.样式并不可怕,可怕的是你的粗心大意

时间: 2024-10-07 10:18:38

一分钟教你如何实现唯美的文字描边的相关文章

唯美MACD-完全版

前言: 自己很喜欢MACD这个指标,因为很欠缺所以就搜集的多一点,有人问,学习缠为什么还这么搜集些Macd的资料呢?因为在分析走势(或盘整背驰.或趋势背驰)的时候我的习惯使用Macd做辅助判断,所以Macd这关的基本差不多,得能大概的过滤其中的冗余信息和骗线,结合走势辅助Macd更好的进步. ============================================================================== 杀多点:概念:当绿柱逐渐收敛.缩短,快接近0轴的

【PhotoShop】利用PS制作唯美咖啡泡

难得喝杯咖啡,怎么能不拍张了(黑咖啡太苦经常喝实在受不了!) 得到如下图 看着还不错,可是总感觉空空荡荡的,所以就拿来PS练手了.最终效果图如下: 下面讲下制作过程: 首先是给照片加下咖啡泡的效果,找一张有咖啡泡的咖啡~然后选区把咖啡泡部分抠出来 把图片抠出来调整大小适应杯子,然后自然是选择混合选项让他更逼真了. 我这里选择的是点光,当然可以根据个人图片效果选择了.为了让图片更加逼真,我为该图层创建蒙版,并且用黑色画笔涂抹阴暗处(让阴暗处更阴暗)而显得有层次感.效果如图: 现在在加点文字吧.下面

给冬日增添唯美清新的感觉

皮草的奢华也挡不住她俏丽的少女气质.呢子大衣,很有垂坠感,搭配白色T恤和牛仔衬衫,配白色毛衣和格子短裙,背着棕色双肩包.今年最流行的星星图案,镂空蕾丝增添姓感魅力,透着小女人味,混搭球鞋,穿在身上显瘦有型.避免夏季羊毛物品即使各种羊毛已经被很多设计师好好利用.披肩领子设计的驼色大衣.这款大衣采用经典耐看的浅灰色.搭配tips:粉色大衣+牛仔裤+球鞋不得不说, 细节处的设计也非常经典实用,比起个姓时髦的廓形大衣,配黑色皮草背心和米色毛衣,不过为了环保,内搭深灰色鳞片设计连衣裙.搭配黑色毛衣,短裙的

三分钟教你学Git (四)之紧急救助

如果你不小心git reset --hard HEAD^ 然后这个commit又没有在别的git仓库中,怎么办?是不是这次修改就丢了呢? 当然不是,git为我们每次都历史都保留了reference log 如下: $ git commit -A -m "hongchangfirst commit" 你现在看git的历史记录,你可以看到两次提交: $ git log * d1f3fg5 (HEAD, master) hongchangfirst commit 现在让我们来重置回第一次提交

三分钟教你学Git (一)之技巧

先来看看几个比较有用的技巧 git stash 将工作区中的状态保存到栈中,供以后apply/pop.可以把它理解为一个commit,但是是存在另一个仓库里的. git reset --hard 将暂存区,工作区,版本库都恢复到某一次提交的状态 --soft 暂存区和工作区都不变,只改变版本库的状态 --mixed (默认) 将版本库和暂存区都改变,不改变工作区 如果在commit之后进行push,发现别人在你之前做了push,这时应该怎么办呢? git reset --mixed HEAD^

强大的Core Image(教你做自己的美图秀秀))

iOS5新特性:强大的Core Image(教你做自己的美图秀秀)) iOS5给我们带来了很多很好很强大的功能和API.Core Image就是其中之一,它使我们很容易就能处理图片的各种效果,色彩啊,曝光啊,饱和度啊,变形啊神马的.可惜苹果一直没能完善官方文档,也没有推出示例代码,所以国内很多同学可能还没有开始使用.但国外的大神们已经证明这是个相当强悍的框架,不仅功能强大,而且可以直接使用GPU,效率奇高,甚至可以实时的对视频进行渲染.下面让我们来看看,如何具体使用它:首先你需要导入 CoreI

5分钟教你配置命令行界面的163邮箱客户端

网易163免费邮箱相关服务器信息: mutt 是命令行下的邮件客户端,它仅是管理邮件的组织编辑,邮件的发送和接收需要调用对应的程序. 这里用的分别是getmail 和 msmtp. 步骤如下 ===== 1. 安装mutt, getmail, msmtp ====================== $ sudo yum -y install mutt getmail msmtp 2. Build Mail Dir ================== Create ~/Mail directo

三分钟教你学Git (一)之模型

Git是版本控制工具,类似于SVN的作用.这里就忽略掉怎么安装之类的,只讲解Git最重要的思维模型.这三个概念一定要清楚: 1 工作区(Working Area) 2 暂存区(Stage) 3 版本库(repository, 本地仓库和远程仓库) 工作区很简单,就是你修改代码时会立即体现的地方. 暂存区是Git的特色之一,这个概念不好理解,这里举一个例子说明.如我们领到了一个任务,任务是修改两个bug.你可以把这两个bug分开提交,也可以合并到一次提交上.假如我们需要合并到一次提交时而我们又没有

三分钟教你学Git(二)之命令索引

记住这三个概念,工作区(Working Area),暂存区(Stage),版本库,通过add,工作区的变化到暂存区,通过commit暂存区的变化到本地版本库,通过push本地版本库的变化到远程版本库.下面是常用的命令. 保存进度恢复工作进度 #把工作区和暂存区的内容保存到进度列表里 git stash save "description" #列出stash里的所有项 git stash list #把进度恢复出来并删除进度列表中的项 git stash pop #只把进度恢复出来,不删