先上效果图:

前端基础之人物介绍页面

 

css代码:

 1     h1{
 2         font-size: 50px;
 3         font-family: Georgia;
 4     }
 5     h2{
 6         font-size: 30px;
 7     }
 8       #container{
 9           position:relative;
10          background-color:#EEEEEE;
11          width:85%;
12          height:1950px;
13          margin: 30px 30px 50px 100px;
14          padding-top: 30px;
15          border-radius: 20px;
16     }
17     .text-center{
18         text-align: center;
19     }
20     #middle-part{
21         border-radius: 10px;
22         background-color: white;
23         padding-left: 10px;
24         width: 1034px;
25         height: 720px;
26         margin-left: 35px;
27 
28     }
29     .text-margin{
30         margin:35px 30px 20px 20px;
31         font-size: 15px;
32         font-family:Times;
33     }
34     .tips-style{
35         margin:30px 250px;
36         font-family:Times;
37     }
38     .sentence-style{
39         font-family: Cursive;
40         font-size: 25px;
41         
42     }
43     .sign-style{
44         font-style:oblique;
45           margin-left: 330px;
46           color: #777777;
47 
48     }
49     .text-advices{
50         font-size: 30px;
51         margin-left: 180px;
52         margin-right: 80px;
53     }
View Code

相关文章:

  • 2021-04-05
  • 2021-08-01
  • 2022-12-23
  • 2021-11-24
  • 2022-03-10
  • 2021-07-25
  • 2021-08-10
  • 2021-12-25
猜你喜欢
  • 2021-12-22
  • 2021-10-17
  • 2022-12-23
  • 2021-12-30
  • 2021-06-19
  • 2022-01-19
  • 2021-11-25
相关资源
相似解决方案