酷炫无边框网站通用的文字广告代码2

china0396

酷炫无边框网站通用的文字广告代码2

1. <style>
   
2.     .tp_advertising{
   
3.         width: 100%;
   
4.         display: flex;
   
5.         justify-content: space-between;
   
6.         background: #fff;
   
7.         position: relative;
   
8.         box-shadow: 0 0 3px rgba(0,0,0,.2);
   
9.     }
   
10.     .tp_advertising p{
    
11.         color: #fff;
    
12.         font-size: 14px;
    
13.         line-height: 22px;
    
14.         background: #6F8EC5;
    
15.         position: absolute;
    
16.         bottom: 0;
    
17.         right: 0;
    
18.         margin: 0;
    
19.         padding: 0 8px;
    
20.         border-top-left-radius: 10px;
    
21.         opacity: .3;
    
22.     }
    
23.     .tp_advertising div{
    
24.         width: 16.66%;
    
25.         position: relative;
    
26.         z-index: 1;
    
27.     }
    
28.     .tp_advertising a{
    
29.         font-size: 12px;
    
30.         line-height: 22px;
    
31.         text-align: center;
    
32.         display: block;
    
33.         text-decoration: none;
    
34.         white-space:nowrap;
    
35.     }
    
36.     .tp_advertising a:hover{
    
37.         font-weight: bold;
    
38.         font-size: 14px;
    
39.         text-shadow: 0px 0px 1px rgba(0,0,0,.5);
    
40.     }
    
41.     .tp_1 a{
    
42.         color: #FF0033;
    
43.     }
    
44.     .tp_2 a{
    
45.         color: #9400D3;
    
46.     }
    
47.     .tp_3 a{
    
48.         color: #00BFFF;
    
49.     }
    
50.     .tp_4 a{
    
51.         color: #FF1493;
    
52.     }
    
53.     .tp_5 a{
    
54.         color: #FF4500;
    
55.     }
    
56.     .tp_6 a{
    
57.         color: #5fb878;
    
58.     }
    
59. </style>
    
60. <div class="tp_advertising">
    
61.     <p>广告</p>
    
62.     <div class="tp_1">
    
63.         <a href="#" target="_blank">广告招租</a>
    
64.         <a href="#" target="_blank">广告招租</a>
    
65.         <a href="#" target="_blank">广告招租</a>
    
66.         <a href="#" target="_blank">广告招租</a>
    
67.         <a href="#" target="_blank">广告招租</a>
    
68.         <a href="#" target="_blank">广告招租</a>
    
69.     </div>
    
70.     <div class="tp_2">
    
71.         <a href="#" target="_blank">广告招租</a>
    
72.         <a href="#" target="_blank">广告招租</a>
    
73.         <a href="#" target="_blank">广告招租</a>
    
74.         <a href="#" target="_blank">广告招租</a>
    
75.         <a href="#" target="_blank">广告招租</a>
    
76.         <a href="#" target="_blank">广告招租</a>
    
77.     </div>
    
78.     <div class="tp_3">
    
79.         <a href="#" target="_blank">广告招租</a>
    
80.         <a href="#" target="_blank">广告招租</a>
    
81.         <a href="#" target="_blank">广告招租</a>
    
82.         <a href="#" target="_blank">广告招租</a>
    
83.         <a href="#" target="_blank">广告招租</a>
    
84.         <a href="#" target="_blank">广告招租</a>
    
85.     </div>
    
86.     <div class="tp_4">
    
87.         <a href="#" target="_blank">广告招租</a>
    
88.         <a href="#" target="_blank">广告招租</a>
    
89.         <a href="#" target="_blank">广告招租</a>
    
90.         <a href="#" target="_blank">广告招租</a>
    
91.         <a href="#" target="_blank">广告招租</a>
    
92.         <a href="#" target="_blank">广告招租</a>
    
93.     </div>
    
94.     <div class="tp_5">
    
95.         <a href="#" target="_blank">广告招租</a>
    
96.         <a href="#" target="_blank">广告招租</a>
    
97.         <a href="#" target="_blank">广告招租</a>
    
98.         <a href="#" target="_blank">广告招租</a>
    
99.         <a href="#" target="_blank">广告招租</a>
    
100.         <a href="#" target="_blank">广告招租</a>
     
101.     </div>
     
102.     <div class="tp_6">
     
103.         <a href="#" target="_blank">广告招租</a>
     
104.         <a href="#" target="_blank">广告招租</a>
     
105.         <a href="#" target="_blank">广告招租</a>
     
106.         <a href="#" target="_blank">广告招租</a>
     
107.         <a href="#" target="_blank">广告招租</a>
     
108.         <a href="#" target="_blank">广告招租</a>
     
109.     </div>
     
110. </div>
     

复制代码