CSS之text-stroke

让我一次说个够：啧啧啧，国庆人太多，所以假期还没结束就提前几天回来了。今天也是挤火车赶回来的，被夹在门里好尴尬啊~~

回家的这几天在外婆家招待过的好爽啊，又是鱼又是肉，馋的我都不想走了。

然而自己在家只能“啃馒头”了，呜呜呜。

收！Let‘s begin！我们再来看CSS之text-stroke(文本描边)

我们来看看text-stroke的属性语法：

text-stroke-width：设置或检索对象中文字的描边厚度

text-stroke-color：设置或检索对象中文字的描边颜色

我们来看看页面上运行展示的效果：

欢迎来到我的博客园

http://www.cnblogs.com/caidupingblogs/

冷的锋刃

时间： 2024-12-13 15:18:08

CSS之text-stroke的相关文章

CSS(3) Text(文本)

一.CSS文本格式 1.Text Color 颜色属性被用来设置文字的颜色.颜色是通过CSS最经常的指定:十六进制值 - 如"#FF0000":一个RGB值 - "RGB(255,0,0)":颜色的名称 - 如"红" 一个网页的背景颜色是指在主体内的选择: body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);} 2.文本的对齐方式 文本排列属性是用来设置文本的水平对齐方式.文

[css]input text ie6/7 border兼容问题

[border:none;]当border为“none”时对IE6/7无效边框依然存在 [border:0;]当border为“0”时,所有浏览器都一致把边框隐藏 [border:0;]把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值. [border:none;]把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值.

css 标题

纯CSS制作的复古风格的大标题 .vintage{ background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat; text-shadow: 5px -5px black, 4px -4px white; font-weigh

前端css学习_Day15

CSS基本概念 css语法结构 每个css由两部分组成:选择器和声明,声明又包括属性和属性值(json格式key:value) 选择器 有如下几种: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css爱之初体验</title> 6 <style type="text

20个编写现代CSS代码的建议

明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习: .square { width: 80px; height: 80px; } .red { background-color: #F44336; margin-bottom: 40px; } .blue { background-color: #2

CSS选择器优先级【转】

样式的优先级 多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况. 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式. 示例如下: <head>     <style type="text/css&

我是如何对网站CSS进行架构的

一.写在前面的 都是自己积累形成的一些东西,可能带有明显的个人印记.不是专业内容,不是权威指南,只是展示一点自己的观点,借此希望能与各位优秀的同行交流看法,见解.以得到进步与提高. 二.我所知的一些过往的做法 关于如何处理网站的CSS,各个网站做法都不一样,这随着网站的性质及大小不同,公司前人留下的规范不同,以及CSS工程师的眼界不同而有所不同.由于我从业经历有限,所知甚浅,只能说些肤浅业余的内容,不准确之处欢迎指出. 就CSS文件而言,有的网站分为header.css, body.css, f

Css基础2

1.css选择符 选择符又称为选择器,定义了将影响文档中的哪些部分. -1.元素选择符 通配符:*{} 下面的例子(test.css) 匹配文档中所有的标签 *{ background-color: blue; } 一般情况下,我们会在html初始化的时候使用通配符,例子如下,将上和左边距都设为0 *{ padding: 0; margin: 0; } 类选择敷:.类名称{} 下面的例子,将p标签的内容变为绿色 1 index.html代码如下 2 <!DOCTYPE html> 3 <

浅谈CSS优先级机制（一）

初次写随笔,如果有哪个地方不足还望大神指点改正,下面我来谈谈我对于CSS优先级的了解吧. CSS优先级,通俗的理解就是你给元素等一堆属性描述,然后最后到底是哪个描述作为最终显示的效果的规则或机制(个人理解).以下我将分为几个点来谈谈优先级的确定. 1.引入方式: CSS引入的方式,我目前只知道四种:内联式.内嵌式.导入式.链接式(当然网上的说法名称不一,理解就好). 各种引入方式的用法我在这里就不再多说了.以上我所按顺序罗列的四个方式是理论上的优先级顺序,也就是说,我使用内联式引入的css代码作

关于前端CSS预处理器Sass的小知识！

前面的话 ??"CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工具,提 供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护.本文将详细介绍sass的使用 定义 ??Sass是一门高于CSS的元语言,它能用来清晰地.结构化地描述文件样式,有着比普通CSS更加强大的功能.Sass能够提供更简洁.更优雅的语法,同时提供多种功能来创建可维护和管理的样式