VS2013 舒服的字体设置和背景色

本文介绍如何在Visual Studio 2013中设置FixedsysExcelsior3.01字体及特定背景颜色,以提高编程体验。包括字体下载、安装步骤和详细的配置参数。

VS2013 舒服的字体设置和背景色

标签: VS字体 http://blog.youkuaiyun.com/liyun123gx/article/details/49927859
  4152人阅读  评论(0)  收藏  举报
  分类:

使用字体:Fixedsys Excelsior 3.01

1、首先下载字体:http://www.fixedsysexcelsior.com/ 

2、安装字体:控制面板 -> 字体,复制下载的文件进去。

3、打开VS2010,工具 -> 选项 -> 环境 -> 字体和颜色,选择Fixedsys字体,选择字体大小为12

4、设置背景色:色调=123,饱和度=191,亮度=222,红=220,绿=249,蓝=251

 

详细出处参考:http://www.jb51.net/softjc/35702.html


另外一种设置:http://www.cnblogs.com/zengxiangzhan/archive/2011/08/08/2131407.html

要同时设置字体渐变背景色,可以分别运用合适的 CSS 属性来达成。 ### 设置字体渐变 设置字体渐变需借助 `background-image` 属性设定渐变背景,再利用 `background-clip` 属性将背景裁剪至文字范围,最后把文字填充颜色设为透明。示例代码如下: ```css .gradient-text { background-image: -webkit-linear-gradient(left, red, yellow); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ``` 上述代码借助 `-webkit-linear-gradient` 生成从左至右由红色到黄色的线性渐变背景,接着运用 `-webkit-background-clip: text` 把背景裁剪到文字部分,再将 `-webkit-text-fill-color` 设为透明,从而实现字体渐变效果[^1]。 ### 设置背景色渐变 设置背景色渐变可使用 `background-image` 属性配合渐变函数,常见的渐变函数有 `linear-gradient()` `radial-gradient()`。示例代码如下: ```css .gradient-bg { background-image: linear-gradient(to right, #ffcccc, #ff6666); } ``` 此代码使用 `linear-gradient` 函数创建从左到右由 `#ffcccc` 到 `#ff6666` 的线性渐变背景色[^2]。 ### 同时设置字体渐变背景色 把上述两种方法结合,就能同时设置字体渐变背景色。示例代码如下: ```css .gradient-text-bg { background-image: linear-gradient(to right, #ffcccc, #ff6666); /* 背景色渐变 */ background-image: -webkit-linear-gradient(left, red, yellow); /* 字体渐变 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ``` 上述代码中,`background-image` 首先设置背景色渐变,接着设置字体渐变,再通过 `-webkit-background-clip: text` `-webkit-text-fill-color: transparent` 实现字体渐变效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值