> 웹 프론트엔드 > HTML 튜토리얼 > 我想将table还有字体制作成这样的效果,应该怎么做?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:43:02
원래의
968명이 탐색했습니다.

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;    }
로그인 후 복사

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

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

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿