随笔分类 -  HTML+CSS

CSS处理font-weight不生效问题
摘要：如何解决 Android 系统中文字体字重问题 翻找了几天资料，发现Noto Sans SC字体能支持中文/数字/英文字体 100,300,400,500,700,900 的字重，具体如下图所示： <link rel="stylesheet" href="https://fonts.googleap 阅读全文
posted @ 2024-08-26 15:05 晨光浅夏 阅读(117) 评论(0) 推荐(0) 编辑
CSS实现好看的文字渐变
摘要：在 CSS 中，可以使用以下几种方法来实现文字渐变效果： 使用background-image、-webkit-background-clip和-webkit-text-fill-color属性：这是一种比较常见的方法，适用于大多数浏览器。首先，使用background-image属性设置一个渐变背 阅读全文
posted @ 2024-08-23 17:15 晨光浅夏 阅读(870) 评论(0) 推荐(0) 编辑
CSS实现一个文字背景色渐变从左向右移动功能
摘要：.shine-box { width: 500px; height: 100px; margin: auto; padding-top: 60px; border-radius: 10px; text-align: center; background-color: black; font-weig 阅读全文
posted @ 2024-08-23 17:11 晨光浅夏 阅读(141) 评论(0) 推荐(0) 编辑
CSS文字左右渐变
摘要：要实现文字的左右渐变效果，可以使用CSS3的linear-gradient功能，并通过background-image属性为文字设置渐变背景。以下是一个简单的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met 阅读全文
posted @ 2024-08-23 17:10 晨光浅夏 阅读(336) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示