css text-shadow
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>css text-shadow</title>
<meta name="Author" content="涂聚文" />
<!--[if lte IE 8]>
<script src="jquery.ie-opacity-polyfill.js"></script>
<![endif]-->
<style type="text/css">
/*
Geovin Du 塗聚文参考:
http://www.w3.org/Style/Examples/007/text-shadow.en.html
http://www.useragentman.com/blog/2011/04/14/css3-text-shadow-can-it-be-done-in-ie-without-javascript/
http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/
http://stackoverflow.com/questions/4205478/text-shadow-in-internet-explorer
http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx
https://kremalicious.com/make-cool-and-clever-text-effects-with-css-text-shadow/
http://css-tricks.com/snippets/css/css-text-shadow/ */
/*-webkit-text-shadow:0px 0px 10px #333; for chrome */
/*-text-shadow:0px 0px 10px #333; for all browser*/
/* text-shadow:0px 0px 10px #333;same as above*/
/*-moz-text-shadow:0px 0px 10px #333; for firefox */
/*-o-text-shadow:0px 0px 10px #333; for opera */
/*-ms-text-shadow:0px 0px 10px #333; for ie 9+ */
/*-khtml-text-shadow:0px 0px 10px #333; for gecko based browser*/ .fbod{
padding-top:20px;
font-weight:bold;
color:#000099;
margin-left:auto;
margin-right:auto;
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; /*Firefox,,Safari,Chrome,Opera,IE11*/
font-size:12px;
/*FILTER: Shadow(Color=#ffffff, Direction=30);width:600px;font-size:9pt;*/
/*filter: Shadow(Color=#00cc66, Direction=45);width:600px;font-size:10pt; IE fallback support for IE7, IE6, IE5.5, IE5... */
filter:progid:DXImageTransform.Microsoft.Chroma(Color=#666666)
progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#00cc66);/*IE fallback support for IE7, IE6, IE5.5, IE5... */ -ms-filter:"progid:DXImageTransform.Microsoft.Chroma(Color=#666666) progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#00cc66)"; /* IE8 support */
/* -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);*/
/*-ms-text-shadow:1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;IE 9*/
background-color:#fff;
padding-bottom:20px; }
.demo10{
background-color:#ffffff;
}
.fbody{
zoom: 1;
font-weight:bold;
color: #000;
font-size:14px;
padding-bottom:20px;
letter-spacing:3px;/*字间距*/
line-height:28px;/*字行间距,这个数字必须要大于字体的大小*/
text-shadow: 1px 1px rgba(197, 223, 248,0.8),2px 2px rgba(197, 223, 248,0.8),3px 3px rgba(197, 223, 248,0.8),4px 4px rgba(197, 223, 248,0.8),5px 5px rgba(197, 223, 248,0.8),6px 6px rgba(197, 223, 248,0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc) progid:DXImageTransform.Microsoft.DropShadow(Color=#99cc99, OffX=3, OffY=3)";
filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#00cc66);
}
</style>
<style type="text/css">
div.example {border: #603 dotted; padding: 0.5em; margin: 1em 2em}
div.example h3 {font-size: x-large; display: block; text-align: center;
border: none}
div.example1 {background: #CCF; padding: 1em}
div.example1 h3 {color: blue; text-shadow: #333 0.1em 0.1em}
div.example2 {background: #CCF; padding: 1em}
h3.example2a {color: blue; text-shadow: #333 0.1em 0.1em 0.05em}
h3.example2b {color: blue; text-shadow: black 0.1em 0.1em 0.2em}
div.example4 {background: #CCF; padding: 1em}
h3.example4a {color: white}
h3.example4b {color: white; text-shadow: black 0.1em 0.1em 0.2em}
h3.example5 {color: blue; text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006}
div.example6 {background: #CCC; padding: 1em}
h3.example6a {color: #D1D1D1; text-shadow: -1px -1px white, 1px 1px #333;
letter-spacing: 2px;
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-0.5, OffY=-0.5, Color=#FFF)
progid:DXImageTransform.Microsoft.Chroma(Color=#FFFFFF);
}
h3.example6b {color: #C8C8C8; text-shadow: 1px 1px white, -1px -1px #444;
letter-spacing: 2px}
div.example7 {background: #CCF; padding: 1em}
h3.example7a {color: blue; text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black}
h3.example7b {color: #BBE; text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black}
h3.example8a {text-shadow: 0 0 0.2em #8F7}
h3.example8b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
h3.example8c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F} .fiftyPercentOpaque{
opacity:0.5; /* Modern Browser support (including IE9) */
-moz-opacity:0.5;
-khtml-opacity: 0.5;
-ms-opacity: 0.5;
-o-opacity: 0.5;
/*-webkit-filter:*/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE8 support */
filter:glow(color=red,strength=5);alpha(opacity=50); /* IE fallback support for IE7, IE6, IE5.5, IE5... */
text-shadow: 1px -1px rgb(255, 42, 42),
2px -2px rgb(255, 85, 85),
3px -3px rgb(255, 127, 127),
4px -4px rgb(255, 170, 170),
5px -5px rgb(255, 212, 212);
}
</style>
</head> <body>
<div id="" class="demo10">
<p class="fbody" align="center">
<span id="zoom" class="fbody">江西省吉安市永丰县
市政花园（市政服务大楼[厅]）住宅
工程质量、违反强制性条文、侵占绿化率违章建筑、无建筑节能、无抗震安全、偷工减料、水质水压、工程违法分解分包并借资、违法工程图纸违法不合格包庇”合法化”、不依合法工程图纸施工、不检测不合格工程验收为”合格”、不合格工程并包庇隐瞒成”合法化”、 不合格工程未依法重新综合验收备案 、违法违纪建设程序及行为行政管理包庇隐瞒”合法化”、违法违纪行为不执法纠正、违法违纪行为稽查、监察、纪检不纠正反而包庇或渎职○16等等建设领域违法违纪行为
（包括纠正改正过程中）
检举、投诉、举报、控告申诉附带
行政复核书
(不要以文字多不详阅,这是什么作风?并不负责调查证实,是不是在渎职腐败玩忽职守?!)
<br />
以热爱祖国为荣 以危害祖国为耻<br />
以服务人民为荣 以背离人民为耻<br />
以崇尚科学为荣 以愚昧无知为耻<br />
以辛勤劳动为荣 以好逸恶劳为耻<br />
以团结互助为荣 以损人利己为耻<br />
以诚实守信为荣 以见利忘义为耻<br />
以遵纪守法为荣 以违法乱纪为耻<br />
以艰苦奋斗为荣 以骄奢淫逸为耻<br />
<br />权为民所用 情为民所系 利为民所谋<br />
——正确把握gongchangdang的权力观、地位观、利益观 <br /><br />
<b>
“总结我们党七十多年的历史，可以得出一个重要结论，这就是：我们党所以赢得人民的拥护，是因为我们党在革命、建设、改革的各个时期，总是代表着中国先进生产力的发展要求，代表着中国先进文化的前进方向，代表着中国最广大人民的根本利益，并通过制定正确的路线方针政策，为实现国家和人民的根本利益而不懈奋斗。”--是我们党的立党之本、执政之基、力量之源。</b>
<br />
<a href="http://cpc.people.com.cn/n/2014/0903/c64102-25597639.html" target="_blank">广东纪委书记：不查案是失职 查案不治本是不称职</a> 中共广东省委常委、纪委书记黄先耀称，各级党委(党组)要履行好主体责任，坚持惩治和预防“两手抓、两手硬”，牢牢树立“不查案是失职，查案不治本是不称职”的观念，把预防和治本要求融入日常业务、改革发展和队伍建设中。
<br /><br />
</span> </p>
<p class="fbod">
<span id="zoom" class="fbod">
李克强当时说：“我在基层调研时注意到，有些地方确实出现了‘为官不为’的现象，一些政府官员抱着‘只要不出事，宁愿不做事’，甚至‘不求过得硬，只求过得去’的态度，敷衍了事。说得难听点儿，这不就是尸位素餐吗？这样的庸政、懒政同样是腐败，是对国家和人民的极大不负责！”--2014年07月14日 星期一 新京报</span > </p> </div> <pre>
h3.a {text-shadow: -1px -1px white, 1px 1px #333}
h3.b {text-shadow: 1px 1px white, -1px -1px #444}
</pre> <div class=example>
<div class=example6>
<h3 class=example6a>I, Augustus (you know who)</h3> <h3 class=example6b>That's extra, of course</h3>
</div>
</div> <div class="fiftyPercentOpaque">
行政违法违规审批(违法违规修改规划和设计,不通过合法程序审批审查而违法“合法化”○5、预售许可○11,不合格工程验收为“合格”，包庇成为”合法化”)、违法工程图纸包庇隐瞒”合法化”、偷工减料、不依法施工（如无施工许可证○6,施工之前有无办理工程监督、监理手续等）、不依合法工程施工图及规范施工、违反建筑工程规范强制性条文（城乡规划部分，房屋建筑建部分）、不依法检测验收、不检测不合格工程验收为”合格” 、 不合格工程未依法重新综合验收备案、不依法现场勘察检测报告、相关单位无企业资质及个人无执业资格和无专业印章、工程违法肢解拆解、违法借资、外地施工单位无备案等违法违规（而建设行政主管部门不纠正,包括投诉之后纠正过程中包庇违法行为“合法化”）等问题，请省级以上建设行政主管部门及政府和纪检监察部门现场核实相关问题并让业主公开听证○3。业主并申请公开查阅相关工程图纸、管线综合规划图、行政许可证明、规划绘制、勘察、造价咨询、测绘、各类检测报告、相关审批、审核、监督、验收备案、现场调查结论、稽查报告、我们投诉之后的行政处罚○10详情、2010年7月29日省住房和城乡建设厅派工作人员的调查结论报告、对投诉处理答复过程依据等等及相关图纸、文件(因未公示和告之). </div> </body> </html>
demo: text-shadow
css text-shadow的更多相关文章
- CSS Text（文本）
CSS Text(文本) 一.文本颜色 color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0 ...
- css text gradient color, css fonts gradient color
css text gradient color, css fonts gradient color css 字体渐变色 demo https://codepen.io/xgqfrms/pen/OJya ...
- CSS Text文本格式
Text Color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如"#FF0000" 一个RGB值 - "RGB(255,0,0)& ...
- css text文本
CSS 文本格式 文本格式 This text is styled with some of the text formatting properties. The heading uses the ...
- CSS Text
http://www.runoob.com/css/css-text.html 文本颜色 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RG ...
- CSS| text文本属性
注意:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 1) text-indent 取值: 5px/2 ...
- CSS text系列
text-shadow 语法规则: h-shadow(必需,水平阴影的位置,可负): v-shadow(必需,垂直阴影的位置,可负): blur(可选,模糊距离): color(可选,阴影的颜色). ...
- 17款提高编码效率的CSS工具
摘要:作为WEB前端开发人员,你的工作可能很大一部分都在编写CSS代码,为了提高前端开发人员编写CSS代码的效率,编程文库从 网上搜集了17款可以提高你CSS代码效率的CSS工具,它们可以帮助你快速生 ...
- 前端开发必备 40款优秀CSS代码编写工具推荐
摘要:CSS工具可以简化工作流,可以提高CSS编写速度,是开发者和设计者所不可缺少的.本文列举了40种CSS工具,功能涉及CSS菜单.动画.3D图形.响应式页面.图层.按钮等界面元素的设计与制作,你定 ...
- CSS 笔记二（Text/Fonts/Links/Lists）
CSS Text 1> Text Color used to set the color of the text 2> Text Alignment used to set the hor ...
随机推荐
- P3866 [TJOI2009]战争游戏 最小割
$ \color{#0066ff}{ 题目描述 }$ 小R正在玩一个战争游戏.游戏地图是一个M行N列的矩阵,每个格子可能是障碍物,也可能是空地,在游戏开始时有若干支敌军分散在不同的空地格子中.每支敌军 ...
- c语言-求完全数的一个算法
#include<iostream> #include<math.h> using namespace std; int main() { int n,i,j=0,k,a[10 ...
- 使用ceph-deploy进行ceph安装
ceph安装包介绍: 1.ceph-deploy: ceph的部署软件,通过该软件可以简便部署,这个软件并非整个ceph集群系统中必须的 2.ceph: ceph整个服务集群中的每个节点必须的软件.提 ...
- PIE SDK组件式开发综合运用示例
1. 功能概述 关于PIE SDK的功能开发,在我们的博客上已经分门别类的进行了展示,点击PIESat博客就可以访问,为了初学者入门,本章节将对从PIE SDK组件式二次开发如何搭建界面.如何综合开发 ...
- Dev中gridControl修改列为按钮
(1)点击Run Designer (2)点击要修改的列,把列的ColumnEdit属性设置为RepositoryItemButtonEdit (3)把TextEditStyle属性设置为HideTe ...
- Python学习 day09
一.文件的修改 python中修改文件,可以直接通过write实现,但这种方法均比较局限.若有需求:将文件中的某内容替换为新内容,其他内容保持不变.这种需求write理论上是可以实现的,可以将一个文件 ...
- 【云计算】impala建表，文件关联，查询
[cloudil@hadoop164 caixianfeng]$ hdfs dfs -mkdir -p /csv-pig/tab1 /csv-pig/tab1 tab1.csv: 1,true,123 ...
- 补充ABP Zero集成微信小程序登陆的BUG修复部分
感谢园友 @turingguo 发布的 https://www.cnblogs.com/turingguo/p/9019026.html 文章,详细介绍了ABP Zero集成微信小程序登陆的实现过程 ...
- JDK,JRE,JVM的基础理解
1.JVM -- java virtual machine JVM就是我们常说的java虚拟机,它是整个java实现跨平台的 最核心的部分,所有的java程序会首先被编译为.class的类文件,这种类 ...
- 一个数字键盘引发的血案——移动端H5输入框、光标、数字键盘全假套件实现
https://juejin.im/post/5a44c5eef265da432d2868f6 为啥要写假键盘? 还是输入框.光标全假的假键盘? 手机自带的不用非得写个假的,吃饱没事干吧? 装逼?炫技 ...