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

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

news 2026/4/10 16:26:00

网页使用

<!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; /* 标准语法 *…...

编程日记 2025/2/28 12:52:05

网络协议 HTTP、HTTPS、HTTP/1.1、HTTP/2 对比分析

1. 基本定义 HTTP&#xff08;HyperText Transfer Protocol&#xff09; 应用层协议&#xff0c;用于客户端与服务器之间的数据传输&#xff08;默认端口 80&#xff09;。 HTTP/1.0&#xff1a;早期版本&#xff0c;每个请求需单独建立 TCP 连接&#xff0c;效率低。HTTP/1.1&…...

编程日记 2025/2/28 12:51:04

千峰React：Hooks（上）

什么是Hooks ref引用值 普通变量的改变一般是不好触发函数组件的渲染的&#xff0c;如果想让一般的数据也可以得到状态的保存&#xff0c;可以使用ref import { useState ,useRef} from reactfunction App() {const [count, setCount] useState(0)let num useRef(0)const h…...

编程日记 2025/2/28 12:50:00

salesforce 为什么无法关闭task，显示：insufficient access rights on object id

在 Salesforce 中&#xff0c;如果你在尝试关闭任务&#xff08;Task&#xff09;时遇到 “Insufficient access rights on object id” 错误&#xff0c;通常是由于以下几种可能的权限问题导致的&#xff1a; 1. 任务的所有权问题 Salesforce 中的任务&#xff08;Task&…...

编程日记 2025/2/28 12:46:57

机器学习：强化学习的epsilon贪心算法

强化学习&#xff08;Reinforcement Learning, RL&#xff09;是一种机器学习方法&#xff0c;旨在通过与环境交互&#xff0c;使智能体&#xff08;Agent&#xff09;学习如何采取最优行动&#xff0c;以最大化某种累积奖励。它与监督学习和无监督学习不同&#xff0c;强调试错…...

编程日记 2025/2/28 12:43:53

MongoDB—(一主、一从、一仲裁)副本集搭建

MongoDB集群介绍&#xff1a; MongoDB 副本集是由多个MongoDB实例组成的集群&#xff0c;其中包含一个主节点&#xff08;Primary&#xff09;和多个从节点&#xff08;Secondary&#xff09;&#xff0c;用于提供数据冗余和高可用性。以下是搭建 MongoDB 副本集的详细步骤&am…...

编程日记 2025/2/28 12:40:49

MyBatis TypeHandler 详解与实战：FastJson 实现字符串转 List

在 MyBatis 中&#xff0c;TypeHandler 是实现 Java 类型与数据库类型双向转换 的核心组件。无论是处理基础数据类型还是复杂的 JSON、枚举或自定义对象&#xff0c;它都能通过灵活的扩展机制满足开发需求。本文将通过一个 将数据库 JSON 字符串转换为 List<User> 的案例…...

编程日记 2025/2/28 12:37:45

第二十八：5.5.【storeToRefs】5.6.【getters】

LoveTalk.vue: 调用&#xff1a; // 方法 const talkStore useTalkStore() function getLoveTalk(){ talkStore.getATalk() } 如果是要简短的形式调用&#xff1a; const talkStore useTalkStore() // user hooks 的形式调用 const {schoole,local} talkStore // …...

编程日记 2025/2/28 12:34:40

APISIX Dashboard上的配置操作

文章目录 登录配置路由配置消费者创建后端服务项目配置上游再创建一个路由测试 登录 http://192.168.10.101:9000/user/login?redirect%2Fdashboard 根据docker 容器里的指定端口&#xff1a; 配置路由 通过apisix 的API管理接口来创建&#xff08;此路由&#xff0c;直接…...

编程日记 2025/2/28 12:30:35

MinIO在 Docker中修改登录账号和密码

MinIO在 Docker中修改登录账号和密码 随着云计算和大数据技术的快速发展&#xff0c;对象存储服务逐渐成为企业数据管理的重要组成部分。MinIO 作为一种高性能、分布式的对象存储系统&#xff0c;因其简单易用、高效可靠的特点而备受开发者青睐。然而&#xff0c;在实际应用中…...

编程日记 2025/2/28 12:26:30

英文论文查重，Turnitin和IThenticate两个系统哪个更合适？

Turnitin系统和IThenticate系统都是检测英文论文的查重系统&#xff0c;但是两者之间还是有一些不一样的。 下面针对这两个系统给大家具体分析一下。 一、Turnitin系统 Turnitin检测系统&#xff1a; https://truth-turnitin.similarity-check.com Turnitin是世界上主流的…...

编程日记 2025/2/28 12:23:24

pnpm的基本用法

以下是 pnpm 的核心命令和使用指南&#xff0c;涵盖从安装依赖到项目管理的常见操作&#xff1a; 1. 基础命令 (1) 安装依赖 pnpm install # 安装 package.json 中的所有依赖 pnpm install <包名> # 安装指定包&#xff08;自动添加到 dependencies&#xf…...

编程日记 2025/2/28 12:22:22

【实战中提升自己】防火墙篇之双ISP切换与VRRP切换对于用户的体验

! 拓扑与说明 某公司的网络架构&#xff0c;这样的架构在目前的网络中是在常见的&#xff0c;假设您接收一个这样的网络&#xff0c;应该如何部署&#xff0c;该实战系列&#xff0c;就是一步一步讲解&#xff0c;如何规划、设计、部署这样一个环境&#xff0c;这…...

编程日记 2025/2/28 12:17:12

Go在1.22版本修复for循环陷阱

记录 前段时间升级Go版本碰到一个大坑&#xff0c;先记录。 先上代码案例&#xff1a; func main() {testClosure() }func testClosure() {for i : 0; i < 5; i {defer func() {fmt.Println(i)}()} }在1.22之下&#xff08;不包括1.22&#xff09;版本&#xff1a; 输出的…...

编程日记 2025/2/28 12:13:06

Nginx+PHP+MYSQL-Ubuntu在线安装

在 Ubuntu 上配置 Nginx、PHP 和 MySQL 的步骤如下&#xff1a; 1. 更新系统包 首先&#xff0c;确保系统包是最新的&#xff1a; sudo apt update sudo apt upgrade2. 安装 Nginx 安装 Nginx&#xff1a; sudo apt install nginx启动并启用 Nginx 服务&#xff1a; sudo…...

编程日记 2025/2/28 12:12:05

SpringDataJPA使用deleteAllInBatch方法逻辑删除失效

概述 在使用Spring Boot JPA时&#xff0c;执行批量删除操作时&#xff0c;遇到逻辑删除失效的问题。具体而言&#xff0c;当使用deleteAllInBatch方法时&#xff0c;数据会被物理删除&#xff0c;而不是进行逻辑删除&#xff1b;但是当使用deleteAll时&#xff0c;逻辑删除操…...

编程日记 2025/2/28 12:10:02

DOM Node

DOM Node 引言 在Web开发中，DOM（Document Object Model）节点是构建网页和交互式应用程序的核心。DOM节点是文档的构建块，可以用来表示HTML和XML文档中的任何部分。本文将详细介绍DOM节点的基本概念、类型、操作方法以及在实际开发中的应用。 什么是DOM节点？ DOM节点是…...

编程日记 2025/2/28 12:08:58

基于STM32的智能家居能源管理系统

1. 引言 传统家庭能源管理存在能耗监控粗放、设备联动不足等问题&#xff0c;难以适应绿色低碳发展需求。本文设计了一款基于STM32的智能家居能源管理系统&#xff0c;通过多源能耗监测、负荷预测与优化调度技术&#xff0c;实现家庭能源的精细化管理与智能优化&#xff0c;提…...

编程日记 2025/2/28 12:05:54

智慧园区后勤单位消防安全管理：安全运营和安全巡检

//智慧园区消防管理困境大曝光 智慧园区&#xff0c;听起来高大上&#xff0c;但消防管理却让人头疼不已。各消防子系统各自为政&#xff0c;像一座座孤岛&#xff0c;信息不共享、不协同。 消防设施管理分散&#xff0c;不同区域、企业的设备标准不一样&#xff0c;维护情况…...

编程日记 2025/2/28 12:04:52

HTML 日常开发常用标签

文章目录 HTML 日常开发常用标签1、基本结构标签2、内容标签3、多媒体标签4、表单标签5、列表和定义标签6、表格标签7、链接和图像8、元数据9、语义化标签&#xff08;HTML5新增&#xff09;10、框架和内联11、交互12、过时或不推荐使用的标签 HTML 日常开发常用标签 1、基本结…...

编程日记 2025/2/28 12:03:51

终极指南：3步学会使用Akebi-GC游戏辅助工具提升原神体验

终极指南&#xff1a;3步学会使用Akebi-GC游戏辅助工具提升原神体验 【免费下载链接】Akebi-GC (Fork) The great software for some game that exploiting anime girls (and boys). 项目地址: https://gitcode.com/gh_mirrors/ak/Akebi-GC 还在为《原神》中繁琐的神瞳收…...

编程新知 2026/4/10 14:12:44

如何快速实现多平台直播推流：OBS插件完整指南

如何快速实现多平台直播推流&#xff1a;OBS插件完整指南 【免费下载链接】obs-multi-rtmp OBS複数サイト同時配信プラグイン 项目地址: https://gitcode.com/gh_mirrors/ob/obs-multi-rtmp 想要轻松实现多平台直播&#xff0c;同时向多个平台推送高清直播流&#xff1f…...

编程新知 2026/4/10 12:43:47

ComfyUI-AnimateDiff插件常见报错排查与修复指南

1. ComfyUI-AnimateDiff插件报错排查指南 最近在折腾ComfyUI-AnimateDiff插件时&#xff0c;遇到了不少让人头疼的报错。这个插件确实强大&#xff0c;能做出很酷的动画效果&#xff0c;但兼容性问题也确实不少。今天我就把常见的报错类型和解决方法整理出来&#xff0c;希望能…...

编程新知 2026/4/10 12:16:41

S2-Pro大模型LSTM时间序列预测实战：从理论到代码实现

S2-Pro大模型LSTM时间序列预测实战&#xff1a;从理论到代码实现 1. 为什么需要时间序列预测 时间序列预测在商业决策中扮演着越来越重要的角色。想象一下&#xff0c;如果你能提前知道下个月的销售额、股票价格或者能源消耗量&#xff0c;会为你的业务带来多大的竞争优势。这…...

编程新知 2026/4/10 10:51:39

从软体机器人到鞋垫分析：Abaqus超弹性材料(Ogden模型)仿真配置全流程

从实验数据到高效求解&#xff1a;Abaqus超弹性材料Ogden模型实战指南 在柔性结构设计和生物力学仿真领域&#xff0c;超弹性材料的精确建模一直是工程师面临的挑战。当我们需要模拟橡胶密封件在压缩状态下的应力松弛、运动鞋垫在行走过程中的能量反馈&#xff0c;或是医疗植入…...

编程新知 2026/4/10 10:12:08

KMS_VL_ALL_AIO：如何用智能激活脚本彻底解决Windows和Office激活难题

KMS_VL_ALL_AIO&#xff1a;如何用智能激活脚本彻底解决Windows和Office激活难题 【免费下载链接】KMS_VL_ALL_AIO Smart Activation Script 项目地址: https://gitcode.com/gh_mirrors/km/KMS_VL_ALL_AIO 你是否曾经遇到过这样的尴尬时刻&#xff1a;在重要会议演示时&…...

编程新知 2026/4/10 10:10:08

低空经济新蓝海：海事监测无人机技术全解析与应用展望

低空经济新蓝海&#xff1a;海事监测无人机技术全解析与应用展望 引言 大家好&#xff01;随着“低空经济”被正式列为国家战略性新兴产业&#xff0c;无人机技术的应用版图正以前所未有的速度从我们熟悉的陆地&#xff0c;向更为广阔的海洋延伸。在这片“新蓝海”中&#xff0…...

编程新知 2026/4/10 9:23:39

最大子数组和算法全解析：从暴力枚举到动态规划优化

引言在算法和数据结构的学习中&#xff0c;最大子数组和问题是一个经典且重要的问题。它不仅是面试中的高频题目&#xff0c;更是理解算法优化思想的绝佳案例。本文将从最基础的暴力解法开始&#xff0c;逐步讲解优化思路&#xff0c;最后深入分析最优的动态规划解法&#xff0…...

编程新知 2026/4/10 8:29:49

3D打印机 爱乐酷CC2 SSH后台远程登录root账号密码

机型&#xff1a;Elegoo Centauri Carbon 2当前固件版本&#xff1a;V01.03.01.89SSH地址&#xff1a;打印机IP地址&#xff0c;例如192.168.31.101SSH端口&#xff1a;22SSH账号&#xff1a;rootSSH密码&#xff1a;MTY4ODE2机器设置->日志导出&#xff0c;导出到U盘的zip压…...

编程新知 2026/4/10 8:25:45

效果实测：Granite-4.0-H-350M在摘要生成中的惊艳表现

效果实测&#xff1a;Granite-4.0-H-350M在摘要生成中的惊艳表现 1. 摘要生成&#xff0c;真的需要“大”模型吗&#xff1f; 想象一下这个场景&#xff1a;你刚开完一个长达一小时的线上会议&#xff0c;会议记录密密麻麻写了三千多字。老板让你在五分钟内提炼出三个核心结论…...

编程新知 2026/4/10 7:47:57