小程序单纯的字体倾斜和字体渐变

最新推荐文章于 2023-11-29 17:06:06 发布

隐密修罗

最新推荐文章于 2023-11-29 17:06:06 发布

阅读量2.5k

点赞数

文章标签： css3

本文链接：https://blog.csdn.net/qq_18390335/article/details/108465968

版权

先可以用 i /i 标签
如果 < i > < / i > 标签不兼容的情况下

字体倾斜: 斜体样式
font-style: italic（你选的哪个的字体（如宋体）让宋体倾斜,字体自身的一种状态）

font-style:oblique;（这个直接让你键盘打的字倾斜）

下面展示一些 内联代码片。

<text class="termSuper">每日上新</text>

// An highlighted block
	.termSuper{
		display: block;
		height:30rpx;
		/* width:700rpx; */
		margin-left: 25rpx;
		margin-top:10rpx;
		font-style:oblique;
		font-weight:800;
		text-align: bottom;
	}

示例图：
在这里插入图片描述

字体渐变 内联代码片。

<text class="hot">HOT</text>
// An highlighted block
.hot{
	 background-image:  linear-gradient(top,#F6D19C,#FDF7ED);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 font:400 20px/50rpx "Microsoft Yahei";
	 text-align: center;
	}