[已解决]字体，边框都没有变化，不知问题在哪

义云月

字体，边框都没有变化，不知问题在哪

最佳答案

月排行榜 / 总排行榜

ba21

2017-8-26 21:25:50

不是解决了么？？？

1. <style type="text/css">
   
2.                                 html,body{
   
3.                                         height: 100%;
   
4.                                         color: #FF0088;
   
5.                                         font-family: sans-serif;
   
6. 
   
7.                                        
   
8.                                 }
   
9.                                 body{
   
10.                                                 background: url(H_0334.jpg) center center;
    
11.                                                 background-size:  cover;
    
12.                                                 margin: 0;
    
13.                                                 padding: 0;
    
14.                                                 position: relative;
    
15.                                                 
    
16.                                 }
    
17.                                 #container{
    
18.                                                 width: 100%;
    
19.                                                 text-align: center;
    
20.                                                 position: absolute;
    
21.                                                 top: 50%;
    
22.                                                 transform: translateY(-50%);
    
23.                                                                 }
    
24.                                                 h1{
    
25.                                                         font-size: 78px;
    
26.                                                         margin-bottom: 22px;
    
27.                                                                                                 }
    
28.                                                 p{
    
29.                                                         font-size: 33px;
    
30.                                                         margin-bottom: 22px;
    
31.                                                 }
    
32.                                                 a{
    
33.                                                         font-size: 88px;
    
34.                                                         background: #33FFFF;
    
35.                                                         color: #999;
    
36.                                                         border: 1px solid #33FFF;
    
37.                                                         border-radius: 10px;
    
38.                                                         padding: 10px 66px;
    
39.                                                         text-decoration: none;
    
40.                                                         
    
41.                                                 }
    
42.                         </style>

复制代码

跳转到最佳答案楼层

ba21

不是解决了么？？？

1. <style type="text/css">
   
2.                                 html,body{
   
3.                                         height: 100%;
   
4.                                         color: #FF0088;
   
5.                                         font-family: sans-serif;
   
6. 
   
7.                                        
   
8.                                 }
   
9.                                 body{
   
10.                                                 background: url(H_0334.jpg) center center;
    
11.                                                 background-size:  cover;
    
12.                                                 margin: 0;
    
13.                                                 padding: 0;
    
14.                                                 position: relative;
    
15.                                                 
    
16.                                 }
    
17.                                 #container{
    
18.                                                 width: 100%;
    
19.                                                 text-align: center;
    
20.                                                 position: absolute;
    
21.                                                 top: 50%;
    
22.                                                 transform: translateY(-50%);
    
23.                                                                 }
    
24.                                                 h1{
    
25.                                                         font-size: 78px;
    
26.                                                         margin-bottom: 22px;
    
27.                                                                                                 }
    
28.                                                 p{
    
29.                                                         font-size: 33px;
    
30.                                                         margin-bottom: 22px;
    
31.                                                 }
    
32.                                                 a{
    
33.                                                         font-size: 88px;
    
34.                                                         background: #33FFFF;
    
35.                                                         color: #999;
    
36.                                                         border: 1px solid #33FFF;
    
37.                                                         border-radius: 10px;
    
38.                                                         padding: 10px 66px;
    
39.                                                         text-decoration: none;
    
40.                                                         
    
41.                                                 }
    
42.                         </style>

复制代码

alltolove

楼主的h1,p和a标签都写在#container里了怎么？

义云月

ba21 发表于 2017-8-26 21:25
不是解决了么？？？

解决了，谢谢

义云月

alltolove 发表于 2017-8-26 21:37
楼主的h1,p和a标签都写在#container里了怎么？

恩，刚开始是写在#container里了，拿出来后就正常显示了