Heim > Web-Frontend > HTML-Tutorial > 我想将table还有字体制作成这样的效果,应该怎么做?_html/css_WEB-ITnose

我想将table还有字体制作成这样的效果,应该怎么做?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:43:02
Original
967 Leute haben es durchsucht

html 字体 css


就是说这张图片的标题字体有个这样的阴影效果,下面table第一行也有个效果,求大神修改修改我的css
使标题有个阴影效果,table效果也展示出来
看看我的html

       
       
                      
变电站 计划调控值 变电站 计划调控值
土沟站 5000 变电站 1000

css
/*这是table的样式*/
table{
        margin-left:10px;
margin-top:10px;
width:96%;
cellspacing:2;
cellpadding:2;
border:1px solid #FFF;
border-collapse:collapse;
}
table tr td{
width:20%;
height:28px;
        }
这是有关标题字体的阴影效果的css
.fon:{
        float:left;
height:23px;
font-size:14px;
font-family:微软雅黑;
color:#2C7577;
padding-left:0px;
padding-top:6px;
margin-left:5px;
/*字体阴影*/
/*filter: dropshadow(OffX=2, OffY=1, Color='white', Positive='true');*/
text-shadow:2px 0px 0px white;
      }

回复讨论(解决方案)

在线等!!急急急!!!!

我了个擦,有了标题的字体阴影效果自己不会动手试一下?

真是懒到家了。看一下CSS就知道是text-shadow在起作用了,你怎么这么懒呢?

IE9下text-shadow不起作用,谢谢!!!我试了网上N多种方法都不行,谢谢!!!
我不是懒人,谢谢!!!

我了个擦,有了标题的字体阴影效果自己不会动手试一下?

真是懒到家了。看一下CSS就知道是text-shadow在起作用了,你怎么这么懒呢?
还有,什么叫看下css就知道是text-shadow在起作用了?这个css是我自己写的,有没有效果我不知道吗,亲?

    .first td div{        -ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3)";        filter: progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3);        border:none;        color:#ffffff;    }
Nach dem Login kopieren

td里的内容套个div,不然滤镜不起作用。

图片标题的效果是外发光。

实在想要阴影的话,再加个阴影的滤镜,自己调试一下去吧。。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage