0 0 3 2 - Shadow之文字阴影

高冷

期待

像番茄加两个蛋

我觉得盒子阴影用的比较多，文字阴影好像用的不多

rock5442107

1. <!DOCTYPE html>
   
2. <html>
   
3. <head>
   
4.         <meta charset="utf-8">
   
5.         <title>032</title>
   
6.         <style type="text/css">
   
7.                 h1{
   
8.                         text-shadow:0 8px 5px rgba(0,0,0,.5);
   
9.                 }
   
10.                 h2{
    
11.                         color:#FFF;
    
12.                         text-shadow:1px 1px 0 rgba(0,0,0,.7);
    
13.                 }
    
14.                 h3{
    
15.                         text-shadow:0 10px 20px rgba(0,0,0,.5);
    
16.                 }
    
17.         </style>
    
18. </head>
    
19. <body>
    
20.         <h1>魚C工作室-不二如是</h1>
    
21.         <h2>讓編程改變世界</h2>
    
22.         <h3>好好學習 - 天天想上</h3>
    
23. </body>
    
24. </html>

复制代码

floride

a211827754

好好看好好学

船到桥头自然沉

soulwyb

1. <!doctype html>
   
2. <html>
   
3. 
   
4. <head>
   
5.     <meta charset="utf-8">
   
6.     <title>32</title>
   
7.     <style type="text/css">
   
8.         h1 {
   
9.             text-shadow: 0 8px 5px rgba(0, 0, 0, .5);
   
10.         }
    
11.         
    
12.         h2 {
    
13.             color: #fff;
    
14.             text-shadow: 1px 1px 0 rgba(0, 0, 0, .7);
    
15.         }
    
16.     </style>
    
17. 
    
18. </head>
    
19. 
    
20. <body>
    
21.     <h1>鱼C-不二如是</h1>
    
22.     <h2>让编程改变世界</h2>
    
23. </body>
    
24. 
    
25. </html>

复制代码

小丸子hjm

继续学习

莫希

RE: 0 0 3 2 - Shadow之文字阴影 [修改]

guohuo888meng@1

hhhhhhh看

睁眼睡大觉

kuoyo

X-i-A

学习

1252072135

感谢不二做的教程

Qmh

克里斯保罗

交作业！

1. <!DOCTYPE html>
   
2. <html lang="en">
   
3. <head>
   
4.         <meta charset="UTF-8">
   
5.         <title>shadow</title>
   
6.         <style type="text/css">
   
7.                 h1{
   
8.                         text-shadow: 0 8px 5px rgba(250,0,0,.5);
   
9.                 }
   
10.                 h2{
    
11.                         color: #FFF;
    
12.                         text-shadow: 1px 1px 0 rgba(0,0,0,.7);
    
13.                 }
    
14.         div{
    
15.                 width:321px;
    
16.                 height: 321px;
    
17.                 background-color: #33b084;
    
18.                 box-shadow: 10px 10px 5px #888;
    
19.         }
    
20.         div:hover{
    
21.                 background-color: red;
    
22.         }
    
23.         </style>
    
24. </head>
    
25. <body>
    
26.         <h1>This is header1</h1>       
    
27.         <h2>This is header2</h2>
    
28.         <div>
    
29.                
    
30.         </div>
    
31. </body>
    
32. </html>

复制代码

ZlinksZ

666666666666666666666666

你在意在便在

努力努力~

1. <!DOCTYPE html>
   
2. <html>
   
3. <head>
   
4.         <title></title>
   
5.         <meta charset="utf-8">
   
6.         <style type="text/css">
   
7.         h1{
   
8.                 text-shadow: 0 8px 5px rgba(0,0,0,.5);
   
9.                 }
   
10.         h2 {
    
11.                 text-shadow: 1px 1px 0 rgba(0,0,0,.7);
    
12.                 color:#FFF;
    
13.         }
    
14.         h3 {
    
15.                 text-shadow: -5px 10px 1px rgba(0,0,0,6);
    
16.                 color:blue;
    
17.         }
    
18.         </style>
    
19. </head>
    
20. <body>
    
21.         <h1>鱼C工作室-不二如是</h1>
    
22.         <h2>鱼C工作室-小甲鱼</h2>
    
23.         <h3>让编程改变世界</h3>
    
24. </body>
    
25. </html>

复制代码

小脑斧

                               
登录/注册后可看大图

                               
登录/注册后可看大图

小脑斧

weiter

我的天！