文字描边实现内黄外绿效果
网页使用
<!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; /* 绿色描边（兼容Webkit内核） */text-stroke: 2px #008000; /* 标准语法 *…...
网络协议 HTTP、HTTPS、HTTP/1.1、HTTP/2 对比分析
1. 基本定义 HTTP（HyperText Transfer Protocol） 应用层协议，用于客户端与服务器之间的数据传输（默认端口 80）。 HTTP/1.0：早期版本，每个请求需单独建立 TCP 连接，效率低。HTTP/1.1&…...
千峰React：Hooks（上）
什么是Hooks ref引用值 普通变量的改变一般是不好触发函数组件的渲染的，如果想让一般的数据也可以得到状态的保存，可以使用ref import { useState ,useRef} from reactfunction App() {const [count, setCount] useState(0)let num useRef(0)const h…...
salesforce 为什么无法关闭task，显示：insufficient access rights on object id
在 Salesforce 中，如果你在尝试关闭任务（Task）时遇到 “Insufficient access rights on object id” 错误，通常是由于以下几种可能的权限问题导致的： 1. 任务的所有权问题 Salesforce 中的任务（Task&…...
机器学习：强化学习的epsilon贪心算法
强化学习（Reinforcement Learning, RL）是一种机器学习方法，旨在通过与环境交互，使智能体（Agent）学习如何采取最优行动，以最大化某种累积奖励。它与监督学习和无监督学习不同，强调试错…...
MongoDB—(一主、一从、一仲裁)副本集搭建
MongoDB集群介绍： MongoDB 副本集是由多个MongoDB实例组成的集群，其中包含一个主节点（Primary）和多个从节点（Secondary），用于提供数据冗余和高可用性。以下是搭建 MongoDB 副本集的详细步骤&am…...
MyBatis TypeHandler 详解与实战：FastJson 实现字符串转 List
在 MyBatis 中，TypeHandler 是实现 Java 类型与数据库类型双向转换 的核心组件。无论是处理基础数据类型还是复杂的 JSON、枚举或自定义对象，它都能通过灵活的扩展机制满足开发需求。本文将通过一个 将数据库 JSON 字符串转换为 List<User> 的案例…...
第二十八：5.5.【storeToRefs】5.6.【getters】
LoveTalk.vue: 调用： // 方法 const talkStore useTalkStore() function getLoveTalk(){ talkStore.getATalk() } 如果是要简短的形式调用： const talkStore useTalkStore() // user hooks 的形式调用 const {schoole,local} talkStore // …...
APISIX Dashboard上的配置操作
文章目录 登录配置路由配置消费者创建后端服务项目配置上游再创建一个路由测试 登录 http://192.168.10.101:9000/user/login?redirect%2Fdashboard 根据docker 容器里的指定端口： 配置路由 通过apisix 的API管理接口来创建（此路由，直接…...
MinIO在 Docker中修改登录账号和密码
MinIO在 Docker中修改登录账号和密码 随着云计算和大数据技术的快速发展，对象存储服务逐渐成为企业数据管理的重要组成部分。MinIO 作为一种高性能、分布式的对象存储系统，因其简单易用、高效可靠的特点而备受开发者青睐。然而，在实际应用中…...
英文论文查重，Turnitin和IThenticate两个系统哪个更合适？
Turnitin系统和IThenticate系统都是检测英文论文的查重系统，但是两者之间还是有一些不一样的。 下面针对这两个系统给大家具体分析一下。 一、Turnitin系统 Turnitin检测系统： https://truth-turnitin.similarity-check.com Turnitin是世界上主流的…...
pnpm的基本用法
以下是 pnpm 的核心命令和使用指南，涵盖从安装依赖到项目管理的常见操作： 1. 基础命令 (1) 安装依赖 pnpm install # 安装 package.json 中的所有依赖 pnpm install <包名> # 安装指定包（自动添加到 dependencies…...
【实战中提升自己】防火墙篇之双ISP切换与VRRP切换对于用户的体验
! 拓扑与说明 某公司的网络架构，这样的架构在目前的网络中是在常见的，假设您接收一个这样的网络，应该如何部署，该实战系列，就是一步一步讲解，如何规划、设计、部署这样一个环境，这…...
Go在1.22版本修复for循环陷阱
记录 前段时间升级Go版本碰到一个大坑，先记录。 先上代码案例： func main() {testClosure() }func testClosure() {for i : 0; i < 5; i {defer func() {fmt.Println(i)}()} }在1.22之下（不包括1.22）版本： 输出的…...
Nginx+PHP+MYSQL-Ubuntu在线安装
在 Ubuntu 上配置 Nginx、PHP 和 MySQL 的步骤如下： 1. 更新系统包 首先，确保系统包是最新的： sudo apt update sudo apt upgrade2. 安装 Nginx 安装 Nginx： sudo apt install nginx启动并启用 Nginx 服务： sudo…...
SpringDataJPA使用deleteAllInBatch方法逻辑删除失效
概述 在使用Spring Boot JPA时，执行批量删除操作时，遇到逻辑删除失效的问题。具体而言，当使用deleteAllInBatch方法时，数据会被物理删除，而不是进行逻辑删除；但是当使用deleteAll时，逻辑删除操…...
DOM Node
DOM Node 引言 在Web开发中，DOM（Document Object Model）节点是构建网页和交互式应用程序的核心。DOM节点是文档的构建块，可以用来表示HTML和XML文档中的任何部分。本文将详细介绍DOM节点的基本概念、类型、操作方法以及在实际开发中的应用。 什么是DOM节点？ DOM节点是…...
基于STM32的智能家居能源管理系统
1. 引言 传统家庭能源管理存在能耗监控粗放、设备联动不足等问题，难以适应绿色低碳发展需求。本文设计了一款基于STM32的智能家居能源管理系统，通过多源能耗监测、负荷预测与优化调度技术，实现家庭能源的精细化管理与智能优化，提…...
智慧园区后勤单位消防安全管理：安全运营和安全巡检
//智慧园区消防管理困境大曝光 智慧园区，听起来高大上，但消防管理却让人头疼不已。各消防子系统各自为政，像一座座孤岛，信息不共享、不协同。 消防设施管理分散，不同区域、企业的设备标准不一样，维护情况…...
HTML 日常开发常用标签
文章目录 HTML 日常开发常用标签1、基本结构标签2、内容标签3、多媒体标签4、表单标签5、列表和定义标签6、表格标签7、链接和图像8、元数据9、语义化标签（HTML5新增）10、框架和内联11、交互12、过时或不推荐使用的标签 HTML 日常开发常用标签 1、基本结…...
AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南
点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...
8k长序列建模，蛋白质语言模型Prot42仅利用目标蛋白序列即可生成高亲和力结合剂
蛋白质结合剂（如抗体、抑制肽）在疾病诊断、成像分析及靶向药物递送等关键场景中发挥着不可替代的作用。传统上，高特异性蛋白质结合剂的开发高度依赖噬菌体展示、定向进化等实验技术，但这类方法普遍面临资源消耗巨大、研发周期冗长…...
渲染学进阶内容——模型
最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...
学习STC51单片机31（芯片为STC89C52RCRC）OLED显示屏1
每日一言 生活的美好，总是藏在那些你咬牙坚持的日子里。 硬件：OLED 以后要用到OLED的时候找到这个文件 OLED的设备地址 SSD1306"SSD" 是品牌缩写，"1306" 是产品编号。 驱动 OLED 屏幕的 IIC 总线数据传输格式 示意图 …...
MySQL 8.0 OCP 英文题库解析（十三）
Oracle 为庆祝 MySQL 30 周年，截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始，将英文题库免费公布出来，并进行解析，帮助大家在一个月之内轻松通过OCP认证。 本期公布试题111~120 试题1…...
深入解析C++中的extern关键字：跨文件共享变量与函数的终极指南
🚀 C extern 关键字深度解析：跨文件编程的终极指南 📅 更新时间：2025年6月5日 🏷️ 标签：C | extern关键字 | 多文件编程 | 链接与声明 | 现代C 文章目录 前言🔥一、extern 是什么？&…...
：观察者模式)
JS设计模式(4)：观察者模式
JS设计模式(4):观察者模式 一、引入 在开发中，我们经常会遇到这样的场景：一个对象的状态变化需要自动通知其他对象，比如： 电商平台中，商品库存变化时需要通知所有订阅该商品的用户；新闻网站中࿰…...
Mysql中select查询语句的执行过程
目录 1、介绍 1.1、组件介绍 1.2、Sql执行顺序 2、执行流程 2.1. 连接与认证 2.2. 查询缓存 2.3. 语法解析（Parser） 2.4、执行sql 1. 预处理（Preprocessor） 2. 查询优化器（Optimizer） 3. 执行器…...
【Redis】笔记｜第8节｜大厂高并发缓存架构实战与优化
缓存架构 代码结构 代码详情 功能点： 多级缓存，先查本地缓存，再查Redis，最后才查数据库热点数据重建逻辑使用分布式锁，二次查询更新缓存采用读写锁提升性能采用Redis的发布订阅机制通知所有实例更新本地缓存适用读多…...
MacOS下Homebrew国内镜像加速指南（2025最新国内镜像加速）
macos brew国内镜像加速方法 brew install 加速formula.jws.json下载慢加速 🍺 最新版brew安装慢到怀疑人生？别怕，教你轻松起飞！ 最近Homebrew更新至最新版，每次执行 brew 命令时都会自动从官方地址 https://formulae.…...