- UID
- 1
- 主题
- 171
- 回帖
- 4588
- 精华
- 14
- 微博
- 0
- 积分
- 6043
- 钻石
- -4 点
- 金币
- 3934 枚
- 鲜花
- 288 朵
- 好友
- 1
- 注册时间
- 2021-1-18
- 最后登录
- 2023-5-3
|
1.制作镂空文字
技术要点:在本实例中,实现文字的镂空效果主要应用了CSS3中的text-stroke属性,通过该属性可以设置文字的描边效果。语法格式如下:
- text-stroke:[text-stroke-width] || [text-stroke-color]
- /*参数说明:
- text-stroke-width:设置文字的描边厚度。
- text-stroke-color:设置文字的描边颜色。*/
复制代码
代码实现:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>制作镂空文字</title>
- <style type="text/css">
- body{
- /*background:#FFCCFF; /*设置页面背景颜色*/
- text-align:center; /*设置文字居中*/
- }
- div{
- font-family:"华文彩云";/*设置字体*/
- font-size:64px; /*设置字体大小*/
- font-weight:bolder; /*设置字体粗细*/
- -webkit-text-stroke:1px #0000FF; /*文字描边*/
- -webkit-text-fill-color:transparent; /*设置文字的填充颜色*/
- }
- </style>
- </head>
- <body>
- <div>生活充满了阳光</div>
- </body>
- </html>
复制代码
————————————————
版权声明:本文为CSDN博主「Amo Xiang」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xw1680/article/details/118065460 |
获得 小恶魔卡 一张
卡片说明:拈花小和尚在丢节操时不小心丢成了3 点 钻石。
卡片效果:损失 3 点 钻石
|