`

background-position与text-shadow

阅读更多

 

background-position http://www.w3school.com.cn/css/pr_background-position.asp

text-shadow  http://www.w3cplus.com

分享到:
评论

相关推荐

    css2中文手册 学习css的必选

    font color font-family font-size font-size-adjust font-stretch font-style font-weight text-decoration text-underline-position text-shadow font-variant text-transform line-height letter-spacing word-...

    三星9305收索

    <!...--STATUS OK--><html><head><meta http-equiv="content-type" ...list-style:none}body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}.bg{background-image:url...

    html 版 CSS中文速查手册

    scrollbar-3d-light-colorscrollbar-highlight-colorscrollbar-face-colorscrollbar-arrow-colorscrollbar-shadow-colorscrollbar-dark-shadow-colorscrollbar-base-color 打印 Printing pagepage-break-after...

    .loader-container {

    text-shadow: 0 -1px 0 #333333; } .meter:after { content: "%"; } @keyframes loader { 0% { width: 100%; } 100% { width: 0%; } } @keyframes meter { 0% { color: #5bd8ff; } 100% { color: #ff...

    Css样式使用

    #ddd;padding:10px 0;word-break: keep-all;} .sharelink dt{padding-top:3px;} .sharelink dd a{color:#369;} .sharelink2{padding:10px 0... background-position:-20px -22px;} /*全局颜色*/ .s1{color:#ff0000;}

    随机抽人系统(公开课)

    <!... <meta charset="UTF-8"> 随机点名 body { margin: 0; padding: 0;... background-color: #60AEEF;... position: absolute;... text-shadow: 0 0 10px rgba(0,0,0,0.5); margin-bottom: 1rem; } #name

    圣诞树源码-圣诞树.html

    text-shadow: 2px 4px 9px rgba(255,255,255,0.7); } /*圣诞树外层div*/ .tree { width: 200px; height: 300px; margin: 80px auto 0 auto; position: relative; /*相对定位*/ /* border: 1px solid #fff; */...

    右下角广告弹窗1.html

    #shadow {position:absolute;width:100%;height:100%;background:#CCCCCC;-moz-opacity:0.5;filter:Alpha(Opacity=50);opacity: 0.8;z-index:11;display:none;overflow:hidden;} #detail {width:500px;height:200px;...

    index.html

    <style type="text/css"> body{ background-color: #000; } .box{ position: relative; width: 200px;height: 200px; background-color: transparent; margin-top: 100px; ...

    CSS3实现网页平滑过渡效果

    text-shadow:1px 1px 1px rgba(151,24,64,0.2); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; } #st-control-1,#st-control-1 + a{ left:0%; } #st-control-2,#st-control-2 ...

    纯CSS实现3D按钮效果实例代码

    css巧妙利用了box-shadow来实现3D物体的立体感,当按钮按下的时候再去修改box-shadow和top值。 让人感觉有一种按钮被按下的感觉。css代码非常少,如下所示 a.css-3d-btn{ position: relative; color: rgba(255, ...

    实时翻译系统html5源码

    .wrap .language .languages{position:absolute;top:30px;left:-1px;width:354px;height:auto;border:1px solid #434343;display:none;background:#fff;color:#fff;line-height:40px} .wrap .language .languages...

    CSS3实现网页立体导航

    text-shadow: 1px 2px 4px rgba(0,0,0,.5); /*设置字体向x轴偏移1px y轴偏移6px 阴影模糊半径为3px 设置rgb颜色值以及半透明效果*/ list-style: none outside none; } .nav li:after{ ...

    html+css+js clock钟表

    box-shadow: 0px 0px 20px 3px #444 inset; position: relative;} /*原点*/ .origin{ width: 20px; height: 20px; border-radius: 50%; background: #ff0000; top:190px; left: 190px; position: absolute;} /* ...

    CSS样式风格定义

    }/* 底部版权信息文字链接的CSS定义--与顶部频道文字链接定义的想法相同。可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。调用代码为‘Bottom‘ ***>***</a> */a.Bottom:link {color: #ffffff;}a...

    css入门笔记

    1.css的概述 1.问题 ... 2.css的语法规范 1.... 1.... 样式声明:用样式属性和值组成(属性:值;... 属性:background-position: 取值: 1.x y x: 背景图片水平偏移距离 取正向下右 取负向左 y: 背景图片...

    好看的下拉菜单

    <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li> <!--[if lte IE 6]> </td></tr> <![endif]--> <li><a class="hide" href="../ie/index.html">EXPLORER</a> <!--[if lte IE...

Global site tag (gtag.js) - Google Analytics