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

酷炫无边框网站通用的文字广告代码，这个文字广告代码是所有网站通用的，去掉了方框，看着是不是好多了呢，把它放到你想让它出现的位置即可，文字的行数，列数都是可以修改的文章源自GTA6吧-美文语录，生活常识，建站知识分享-https://igta6.com/23444.html

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>

效果图：文章源自GTA6吧-美文语录，生活常识，建站知识分享-https://igta6.com/23444.html

文章源自GTA6吧-美文语录，生活常识，建站知识分享-https://igta6.com/23444.html 文章源自GTA6吧-美文语录，生活常识，建站知识分享-https://igta6.com/23444.html