首页 > 编程知识 正文

描边效果怎样实现,字体描边效果

时间:2023-05-04 16:55:31 阅读:211745 作者:2520

先看下效果:

text-shadow:x位移 y位移 模糊程度 颜色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=0"> <title>Title</title> <style> body{ background: deepskyblue; } h3{ font-size: 30px; text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff; } p{ color: #fff; font-size: 25px; text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000; } </style></head><body> <h3>开始竞猜</h3> <p>哈喽啊</p></body></html>

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。