当前位置： 首页 > article >正文

文字描边实现内黄外绿效果

article 2026/4/1 22:59:32

网页使用

<!DOCTYPE html>
<html>
<head>
<style>
.text-effect {color: #ffd700;      /* 黄色文字 */-webkit-text-stroke: 2px #008000;  /* 绿色描边（兼容Webkit内核） */text-stroke: 2px #008000;          /* 标准语法 */font-size: 40px;     /* 推荐使用较大字号 */font-weight: bold;   /* 粗体显示更清晰 */font-family: Arial, sans-serif; /* 无衬线字体效果更好 */
}/* 布局样式（根据需求调整） */
.container {padding: 20px;background: white;
}
</style>
</head>
<body>
<div class="container"><div class="text-effect">收件人</div><div class="text-effect">手机</div><div class="text-effect">省市区</div><div class="text-effect">地址</div>
</div>
</body>
</html>

微信小程序使用

上述代码运行换到微信小程序就会发现多了很多装饰线网格线等等,满足不了我们的需求,上述代码在网页上面使用无任何问题,微信小程序推荐下面的写法

<!-- WXML -->
<view class="container"><view class="text-effect">收货人</view><view class="text-effect">手机</view><view class="text-effect">省市区</view><view class="text-effect">地址</view>
</view>

/* WXSS */
.container {padding: 20rpx;background: transparent; /* 确保父容器透明 */
}.text-effect {color: #ffd700;         /* 黄色文字 */font-size: 40rpx;font-weight: bold;text-shadow: -1px -1px 0 #008000,  /* 绿色外框 */1px -1px 0 #008000,-1px 1px 0 #008000,1px 1px 0 #008000;text-decoration: none;   /* 关键：移除装饰线 */font-family: Arial, sans-serif; /* 使用标准字体 */
}

相关文章：

文字描边实现内黄外绿效果

网页使用 <!DOCTYPE html> <html> <head> <style> .text-effect {color: #ffd700; /* 黄色文字 */-webkit-text-stroke: 2px #008000; /* 绿色描边&#xff08;兼容Webkit内核&#xff09; */text-stroke: 2px #008000; /* 标准语法 *…...

编程日记 2026/1/8 23:49:20

解决Deepseek“服务器繁忙，请稍后再试”问题，基于硅基流动和chatbox的解决方案

文章目录 前言操作步骤步骤1&#xff1a;注册账号步骤2&#xff1a;在线体验步骤3&#xff1a;获取API密钥步骤4&#xff1a;安装chatbox步骤5&#xff1a;chatbox设置 价格方面 前言 最近在使用DeepSeek时&#xff0c;开启深度思考功能后&#xff0c;频繁遇到“服务器繁忙&am…...

编程日记 2026/3/5 17:47:15

python-leetcode-使用最小花费爬楼梯

746. 使用最小花费爬楼梯 - 力扣&#xff08;LeetCode&#xff09; 解法 1&#xff1a;动态规划&#xff08;O(n) 时间&#xff0c;O(n) 空间&#xff09; class Solution:def minCostClimbingStairs(self, cost: List[int]) -> int:n len(cost)dp [0] * (n 1) # 额外多…...

编程日记 2026/3/24 6:38:12

图书数据采集：使用Python爬虫获取书籍详细信息

文章目录 一、准备工作1.1 环境搭建1.2 确定目标网站1.3 分析目标网站二、采集豆瓣读书网站三、处理动态加载的内容四、批量抓取多本书籍信息五、反爬虫策略与应对方法六、数据存储与管理七、总结在数字化时代，图书信息的管理和获取变得尤为重要。通过编写Python爬虫，可以从各…...

编程日记 2025/8/7 2:14:00

ChatGPT 提示词框架

作为一个资深安卓开发工程师&#xff0c;我们在日常开发中经常会用到 ChatGPT 来提升开发效率&#xff0c;比如代码优化、bug 排查、生成单元测试等。 但要想真正发挥 ChatGPT 的潜力&#xff0c;我们需要掌握一些提示词&#xff08;Prompt&#xff09;的编写技巧&#xff0c;并…...

编程日记 2026/3/7 1:26:04

【构建工具】Gradle 8中Android BuildConfig的变化与开启方法

随着Gradle 8的发布&#xff0c;Android开发者需要注意一个重要变化&#xff1a;BuildConfig类的生成现在默认被关闭了&#xff01;&#xff01;&#xff01;。这个变化可能会影响许多依赖于BuildConfig的项目&#xff08;别问&#xff0c;问就是我也被影响了&#xff0c;多好用…...

编程日记 2026/4/1 4:46:40

性能测试测试策略制定｜知名软件测评机构经验分享

随着互联网产品的普及&#xff0c;产品面对的用户量级也越来越大&#xff0c;能抗住指数级增长的瞬间访问量以及交易量是保障购物体验是否顺畅的至关重要的一环&#xff0c;而我们的性能测试恰恰也是为此而存在的。 性能测试是什么呢&#xff1f;性能测试要怎么测呢&#xff1f…...

编程日记 2026/3/23 8:07:54

SAP-ABAP：SAP数据库视图（Database View）详解-创建

在SAP系统中&#xff0c;数据库视图&#xff08;Database View&#xff09; 是一种基于物理数据库表的虚拟表&#xff0c;通过关联多个表&#xff08;使用INNER JOIN&#xff09;生成逻辑数据集。它存储在数据库中&#xff0c;但本身不存储数据&#xff0c;仅通过查询动态生成结…...

编程日记 2026/2/28 0:15:20

BUG: 解决新版本SpringBoot3.4.3在创建项目时勾选lombok但无法使用的问题

前言 当使用Spring Boot 3.4.3创建新项目时&#xff0c;即使正确勾选Lombok依赖&#xff0c;编译时仍出现找不到符号的错误&#xff0c;但代码中Lombok注解的使用完全正确。 原因 Spring Boot 3.4.3在自动生成的pom.xml中新增了maven-compiler-plugin的配置&#xff0c;该插件…...

编程日记 2026/3/22 15:56:18

登录次数限制

文章目录 一、应用场景与设计目的1. 应用场景2. 设计目的 二、功能设计1. 登录限制规则2. 解锁机制3. 适用维度 三、技术实现1. 数据存储2. 逻辑流程3. 实现代码示例4. 动态锁定时间 四、安全增强与扩展1. 防止用户名枚举2. 加入验证码3. 监控与报警4. 分布式支持 五、设计思考…...

编程日记 2026/3/23 8:15:27

CMU15445(2023fall) Project #2 - Extendible Hash Index 匠心分析

胡未灭&#xff0c;鬓已秋&#xff0c;泪空流 此生谁料 心在天山 身老沧州 ——诉衷情 完整代码见&#xff1a; SnowLegend-star/CMU15445-2023fall: Having Conquered the Loftiest Peak, We Stand But a Step Away from Victory in This Stage. With unwavering determinati…...

编程日记 2026/3/23 8:59:44

排序模板——C++

0.排序模板题目 题目描述 将读入的 N 个数从小到大排序后输出。 输入格式 第一行为一个正整数 N。 第二行包含 N 个空格隔开的正整数 ai​&#xff0c;为你需要进行排序的数。 输出格式 将给定的 N 个数从小到大输出&#xff0c;数之间空格隔开&#xff0c;行末换行且无空格。 …...

编程日记 2025/8/6 2:39:54

【Java面试】JVM汇总

目录 1.JVM为什么能跨平台&#xff1f; 2.JVM由哪些部分构成&#xff1f;每个部分起到什么作用&#xff1f; 3.什么是双亲委派&#xff1f;双亲委派的两大作用是什么&#xff1f; 举个例子&#x1f330;&#xff1a; 为什么要有这种“家族规矩”&#xff1f; 破坏双亲委派…...

编程日记 2026/3/26 3:36:40

【如何避免dify分类问题总是返回第一个分类错误】

如何用好Dify问题分类器&#xff1f;避开误分类陷阱的实战指南 在大模型应用开发中&#xff0c;问题分类器是构建智能工作流的核心组件。它通过判断用户意图将请求路由至不同处理分支&#xff0c;直接影响系统响应精准度。但在实际使用中&#xff0c;开发者常遇到分类结果总是…...

编程日记 2026/2/13 16:56:34

【SpringBoot】Spring 一站式解决方案：融合统一返回结果、异常处理与适配器模式

前言 ???本期讲解关于统一功能处理的详细介绍~~~ ??感兴趣的小伙伴看一看小编主页&#xff1a;-CSDN博客 ?? 你的点赞就是小编不断更新的最大动力 ??那么废话不多说直接开整吧~~ 目录 ???1.适配器模式? ??1.1适配器模式定义 ?编辑 ??1.2适配器模式角…...

编程日记 2026/4/1 19:08:21

STM32基础篇(三)------滴答定时器

滴答定时器简介 SysTick定时器&#xff08;STK&#xff09; 处理器有一个24位系统定时器SysTick&#xff0c;它从重新加载值倒计时到零&#xff0c;在下一个时钟沿重新加载&#xff08;换行&#xff09;LOAD寄存器中的值&#xff0c;然后对后续时钟倒计时。当处理器暂停调试时&…...

编程日记 2026/3/31 23:40:05

如何连接 AWS 上的服务器

连接到 AWS 上的服务器&#xff08;通常是 EC2 实例&#xff09;需要使用 SSH 并提供正确的私钥文件。以下是详细的步骤&#xff1a; 1. 下载并准备 .pem 文件 AWS 提供的私钥文件通常是 .pem 文件。确保你已下载该 .pem 文件&#xff0c;并将它存放在本地计算机上。 注意&a…...

编程日记 2026/3/4 7:23:45

Sublime Text4安装、汉化

-------------2025-02-22可用---------------------- 官方网址下载&#xff1a;https://www.sublimetext.com 打开https://hexed.it 点击打开文件找到软件安装目录下的 ctrlf 查找 8079 0500 0f94 c2右边启用替换替换为:c641 0501 b200 90点击替换按钮 替换完成后 另存为本地…...

编程日记 2026/3/31 20:07:55

CameraX学习1-关于预览、拍照、对焦

关于CameraX是否可以打开多种特殊摄像头&#xff0c;例如广角、长焦、景深等等 虽然CameraSelector只简单定义了前置后置&#xff0c;没具体指明摄像头&#xff0c;但是可以跟Camera2 API的CameraCharacteristics结合使用&#xff0c;获取对应的cameraid&#xff0c;再传入Came…...

编程日记 2026/3/25 23:30:21

【愚公系列】《Python网络爬虫从入门到精通》033-DataFrame的数据排序

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。近期荣誉2022年度…...

编程日记 2026/4/1 21:30:20

RBF神经网络+NSGAII多目标优化算法，工艺参数优化、工程设计优化（Matlab）

目录 效果一览基本介绍程序设计参考资料 效果一览 基本介绍 1.RBF神经网络NSGAII多目标优化算法&#xff08;Matlab完整源码和数据&#xff09; 多目标优化是指在优化问题中同时考虑多个目标的优化过程。在多目标优化中&#xff0c;通常存在多个冲突的目标&#xff0c;即改善一…...

编程日记 2026/3/23 11:34:44

LVS+Keepalived高可用群集配置案例

以下是一个 LVSKeepalived 高可用群集配置案例&#xff1a; 1、环境准备 LVS 主调度器&#xff08;lvs1&#xff09;&#xff1a;IP 地址为 192.168.8.101&#xff0c;心跳 IP 为 192.168.4.101LVS 备调度器&#xff08;lvs2&#xff09;&#xff1a;IP 地址为 192.168.8.102…...

编程日记 2026/2/28 0:36:42

执行yum -y install npt 报错解决

Cannot find a valid baseurl for repo: base/7/x86_64 解决办法 一、检查网络连接 确保你的服务器可以访问互联网。你可以使用 ping 命令来测试&#xff1a; ping www.baidu.com 若能访问外网&#xff0c;则网络没问题&#xff0c;否则检查网络 二、修改CentOS-Base.rep…...

编程日记 2026/3/31 22:31:31

常见AI写作工具介绍（ChatGPT 4o、DeepClaude、Claude 3.5 Sonnet 、DeepSeek R1等）

AI写作工具介绍 1. ChatGPT-4o ChatGPT-4o是OpenAI于2024年5月发布的最新旗舰模型&#xff0c;相比之前的版本&#xff0c;它在多模态支持和实时推理能力上有了显著提升。它能够处理和理解音频、图像和文本数据&#xff0c;适用于复杂的图像分析、语音识别等应用场景[1]。 2…...

编程日记 2025/9/8 4:35:17

Android Studio 新版本Gradle通过JitPack发布Maven仓库示例

发布本地仓库示例&#xff1a;https://blog.csdn.net/loutengyuan/article/details/145938967 以下是基于 Android Studio 24.2.2&#xff08;Gradle 8.10.2 AGP 8.8.0 JDK17&#xff09; 的通过JitPack发布Maven仓库示例&#xff0c;包含aar和jar的不同配置&#xff1a; 1.…...

编程日记 2026/2/27 8:37:30

【官方配图】win10/win11 安装cuda 和 cudnn

文章目录 参考资料1.安装cuda toolkit1. 下载安装包2.安装验证 2. 安装cudnn下载cudnn安装包安装cudnn安装后的配置 参考资料 官方nvidia安装cuda官方nvidia安装cudnn 1.安装cuda toolkit 1. 下载安装包 下载地址 https://developer.nvidia.com/cuda-downloads?target_osW…...

编程日记 2026/3/31 18:37:44

使用 kubeadm 创建高可用 Kubernetes 及外部 etcd 集群

博客地址&#xff1a;使用 kubeadm 创建高可用 Kubernetes 及外部 etcd 集群 前言 Kubernetes 的官方中文文档内容全面&#xff0c;表达清晰&#xff0c;有大量示例和解析 无论任何情况下都推荐先花几个小时通读官方文档&#xff0c;来了解配置过程中的可选项&#xff0c;以…...

编程日记 2026/2/25 19:00:33

易错点abc

在同一个输入流上重复创建Scanner实例可能会导致一些问题&#xff0c;包括但不限于输入流的混乱。尤其是在处理标准输入&#xff08;System.in&#xff09;时&#xff0c;重复创建Scanner对象通常不是最佳实践&#xff0c;因为这可能导致某些输入数据丢失或者顺序出错。 为什么…...

编程日记 2026/2/16 8:24:23

android智能指针android::sp使用介绍

android::sp 是 Android 中的智能指针&#xff08;Smart Pointer&#xff09;的实现&#xff0c;用于管理对象的生命周期&#xff0c;避免手动管理内存泄漏等问题。它是 Android libutils 库中重要的一部分&#xff0c;常用于管理继承自 android::RefBase 的对象。 与标准库中…...

编程日记 2026/2/21 5:22:16

水滴tabbar canvas实现思路

废话不多说之间看效果图，只要解决了这个效果水滴tabbar就能做出来了 源码地址 一、核心实现步骤分解 布局结构搭建 使用 作为绘制容器 设置 width=600, height=200 基础尺寸 通过 JS 动态计算实际尺寸（适配高清屏） function initCanvas() {// 获取设备像素比（解决 Re…...

编程日记 2026/4/1 16:58:16