登录  /  注册
博主信息
博文 56
粉丝 1
评论 0
访问量 59341
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
课堂案例高仿首页
零龙
原创
626人浏览过

课堂案例高仿首页

  • CSS源码

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8" />
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    6. <link rel="stylesheet" href="font/iconfont.css" />
    7. <title>所学案例</title>
    8. </head>
    9. <style>
    10. * {
    11. /* 通用选择器*/
    12. margin: 0; /*外边距上左下右0px*/
    13. padding: 0; /*内边距上左下右0px*/
    14. box-sizing: border-box; /*设定元素的宽和高*/
    15. font-family: Arial, Helvetica, sans-serif;
    16. }
    17. a {
    18. text-decoration: none; /*设定网页超链接无下划线*/
    19. color: #fff; /*设定网页超链文字颜色白色*/
    20. width: 150px;
    21. height: 50px;
    22. line-height: 50px;
    23. }
    24. header {
    25. width: 100%; /*网页头部宽度自适应*/
    26. height: 50px; /*网页头部高度100px*/
    27. background-color: #333; /*网页头部背景颜色#333*/
    28. display: flex; /*声明flexbox容器*/
    29. flex-flow: row nowrap; /*主轴方向: 行方向,且不换行:*/
    30. align-items: center; /*设定弹性盒的字体居中*/
    31. font-size: 14px;
    32. }
    33. header > a {
    34. /*对弹性盒第一个元素*/
    35. flex: 0 1 80;
    36. text-align: center;
    37. }
    38. header > a:first-of-type {
    39. background: url(image/sk2.png) no-repeat;
    40. background-size: 100px 50px;
    41. background-position: center;
    42. }
    43. header > a:last-of-type {
    44. margin-left: auto;
    45. display: flex;
    46. flex-flow: row nowrap;
    47. }
    48. header > a > span {
    49. width: 50px;
    50. text-align: center;
    51. font-size: 20px;
    52. }
    53. header > a > span:hover:not(:last-of-type) {
    54. background-color: #ffffff27;
    55. }
    56. header > a:hover:not(:first-of-type):not(:last-of-type) {
    57. border-bottom: 3px solid rgba(0, 128, 0, 0.747);
    58. }
    59. header > a > span:hover .menu {
    60. display: block;
    61. }
    62. header > a:nth-of-type(6):hover .js {
    63. display: block;
    64. }
    65. .menu {
    66. width: 200px;
    67. height: 200px;
    68. position: fixed;
    69. top: 50px;
    70. right: 10px;
    71. background-image: url("image/pr.png");
    72. box-shadow: 10px 3px 15px #888888;
    73. display: none;
    74. }
    75. .mtop {
    76. width: 200px;
    77. height: 80px;
    78. position: relative;
    79. top: 7px;
    80. }
    81. .mtop > .xx {
    82. width: 140px;
    83. height: 68px;
    84. float: left;
    85. padding-left: 15px;
    86. color: white;
    87. font-size: 12px;
    88. text-align: left;
    89. }
    90. .mtop > .tx {
    91. width: 60px;
    92. height: 68px;
    93. float: left;
    94. text-align: center;
    95. padding-top: 10px;
    96. }
    97. .xx > .username {
    98. width: 140px;
    99. height: 34px;
    100. line-height: 34px;
    101. padding-top: 10px;
    102. }
    103. .xx > .num {
    104. width: 140px;
    105. height: 34px;
    106. line-height: 34px;
    107. padding-right: 10px;
    108. }
    109. .mfoot {
    110. display: flex;
    111. flex-flow: row wrap;
    112. justify-content: center;
    113. padding-top: 15px;
    114. }
    115. .mfoot > .item {
    116. width: 80px;
    117. height: 30px;
    118. border: 1px solid #ccc;
    119. color: #666;
    120. text-align: center;
    121. margin: 1px;
    122. background-color: #f1f1f1;
    123. font-size: 12px;
    124. line-height: 30px;
    125. margin: 3px;
    126. }
    127. .exit {
    128. margin-top: 15px;
    129. height: 20px;
    130. display: flex;
    131. flex-flow: row wrap;
    132. }
    133. .exit > .item {
    134. width: 50%;
    135. color: #666;
    136. font-size: 12px;
    137. line-height: 20px;
    138. }
    139. .exit > .item:first-of-type {
    140. text-align: left;
    141. padding-left: 10px;
    142. }
    143. .exit > .item:last-of-type {
    144. text-align: right;
    145. padding-right: 10px;
    146. }
    147. .js {
    148. position: fixed;
    149. top: 52px;
    150. border: 1px solid #f2f2f2;
    151. width: 200px;
    152. height: 90px;
    153. background-color: white;
    154. box-shadow: 0px 0px 2px rgba(165, 165, 165, 1);
    155. display: flex;
    156. justify-content: center;
    157. flex-flow: row wrap;
    158. line-height: 30px;
    159. font-size: 14px;
    160. display: none;
    161. }
    162. .js > .item {
    163. color: #666;
    164. width: 50%;
    165. height: 30px;
    166. float: left;
    167. font-size: 14px;
    168. text-align: left;
    169. padding-left: 10px;
    170. }
    171. .js > .item:hover {
    172. background-color: #e1e1e1;
    173. }
  • HTML源码

  1. <header>
  2. <a href=""></a>
  3. <a href="">首页</a>
  4. <a href="">视频教程</a>
  5. <a href="">入门教程</a>
  6. <a href="">社区问答</a>
  7. <a href=""
  8. >技术文章<span class="iconfont icon-jiantouarrow486"></span>
  9. <div class="js">
  10. <div class="item">PHP教程</div>
  11. <div class="item">PHP框架</div>
  12. <div class="item">PHP小知识</div>
  13. <div class="item">HTML教程</div>
  14. <div class="item">CSS教程</div>
  15. <div class="item">JS教程</div>
  16. </div>
  17. </a>
  18. <a href="">资源下载</a>
  19. <a href="">工具下载</a>
  20. <a href="">PHP培训</a>
  21. <a href=""
  22. ><span class="iconfont icon-laba"></span>
  23. <span class="iconfont icon-touxiang">
  24. <div class="menu">
  25. <div class="mtop">
  26. <div class="xx">
  27. <div class="username">姓名:刘德华</div>
  28. <div class="num">学号:9527</div>
  29. </div>
  30. <div class="tx">
  31. <img src="image/tx.png" width="50px" height="50px" />
  32. </div>
  33. </div>
  34. <div class="mfoot">
  35. <span class="item">我的主页</span>
  36. <span class="item">我的微博</span>
  37. <span class="item">我的作业</span>
  38. <span class="item">个人设置</span>
  39. </div>
  40. <div class="exit">
  41. <span class="item">安全退出</span>
  42. <span class="item">绑定微信</span>
  43. </div>
  44. </div>
  45. </span>
  46. </a>
  47. </header>
  • 网页header图片示例:

首页内容CSS源码


  1. .container {
  2. width: 1200px;
  3. height: 500px;
  4. margin: 50px auto;
  5. }
  6. .row {
  7. width: 1200px;
  8. height: 500px;
  9. border-radius: 5px;
  10. box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.212);
  11. }
  12. .row > .left {
  13. width: 200px;
  14. background-color: #333;
  15. height: 500px;
  16. border-radius: 5px 0 0 5px;
  17. float: left;
  18. display: flex;
  19. flex-flow: row wrap;
  20. justify-content: center;
  21. padding-top: 5px;
  22. }
  23. .row > .left > .item {
  24. width: 200px;
  25. height: 58px;
  26. padding-left: 20px;
  27. line-height: 60px;
  28. position: relative;
  29. }
  30. .row > .left > .item a {
  31. color: #fff;
  32. }
  33. .row > .left > .item:hover {
  34. background-color: #666;
  35. }
  36. .row > .left > .item > .icon-arrow-right {
  37. color: #fff;
  38. position: absolute;
  39. left: 170px;
  40. }
  41. .row > .right {
  42. float: left;
  43. width: 1000px;
  44. height: 500px;
  45. }
  46. .row > .right > .right-t {
  47. width: 100%;
  48. height: 60px;
  49. border-radius: 5px 0 0 0;
  50. display: flex;
  51. font-size: 14px;
  52. }
  53. .right-t > .item:not(:last-of-type) {
  54. width: 110px;
  55. height: 80px;
  56. flex-flow: row nowrap;
  57. text-align: center;
  58. line-height: 60px;
  59. }
  60. .right-t > .item:last-of-type {
  61. flex-grow: 1;
  62. line-height: 50px;
  63. }
  64. .right-t > .item:first-of-type span {
  65. color: red;
  66. font-size: 20px;
  67. line-height: 40px;
  68. }
  69. .right-t .item:nth-of-type(3) span {
  70. color: coral;
  71. font-size: 20px;
  72. line-height: 40px;
  73. }
  74. .right-t .item:nth-of-type(5) span {
  75. color: green;
  76. font-size: 20px;
  77. line-height: 40px;
  78. }
  79. .right-t > .item:last-of-type {
  80. margin-top: 10px;
  81. }
  82. .right-t > .item:last-of-type input {
  83. width: 150px;
  84. height: 35px;
  85. float: left;
  86. background-color: #e2e2e2;
  87. border: 0;
  88. padding-left: 3px;
  89. border-bottom: 1px #c7c7c7 solid;
  90. color: #6d6d6d;
  91. }
  92. .right-t > .item:last-of-type .search {
  93. width: 30px;
  94. height: 35px;
  95. background-color: #e2e2e2;
  96. float: left;
  97. line-height: 35px;
  98. border-bottom: 1px #c7c7c7 solid;
  99. }
  100. .row > .right > .right-c {
  101. background-image: url("image/phpstudy.png");
  102. background-size: 1000px;
  103. height: 330px;
  104. }
  105. .row > .right > .right-f {
  106. display: flex;
  107. flex-flow: row nowrap;
  108. margin: 10px;
  109. }
  110. .right-f > .item {
  111. width: 240px;
  112. height: 90px;
  113. margin-right: 10px;
  114. }
  115. .right-f > .item:first-of-type {
  116. background-image: url("https://www.php.cn/static/images/index_yunv.jpg");
  117. border-radius: 5px;
  118. margin-left: 5px;
  119. }
  120. .right-f > .item:nth-of-type(2) {
  121. background-image: url("https://www.php.cn/static/images/index_php_item2_.png?1");
  122. border-radius: 5px;
  123. }
  124. .right-f > .item:nth-of-type(3) {
  125. background-image: url("https://www.php.cn/static/images/index_php_item3.jpg?1");
  126. border-radius: 5px;
  127. }
  128. .right-f > .item:last-of-type {
  129. background-image: url("https://www.php.cn/static/images/index_php_new4.jpg?1");
  130. border-radius: 5px;
  131. }
  132. .row-1 {
  133. background: url("https://img.php.cn/upload/article/000/000/003/5b35fe49bfd77495.png") no-repeat ;
  134. width: 1200px;
  135. height: 80px;
  136. margin: 20px auto;
  137. border-radius: 5px;
  138. }
  139. .row-2 {
  140. width: 1200px;
  141. height: 420px;
  142. margin: 20px auto;
  143. }
  144. .row-2 > .row-2-1 {
  145. width: 300px;
  146. height: 420px;
  147. border-radius: 10px;
  148. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  149. float: left;
  150. position: relative;
  151. }
  152. .row-2 > .row-2-1 > .row-2-1-t {
  153. width: 290px;
  154. height: 35px;
  155. margin: 5px;
  156. text-align: center;
  157. line-height: 35px;
  158. border-bottom: 1px solid #e1e1e1;
  159. }
  160. .row-2 > .row-2-1 > .row-2-1-t span {
  161. position: absolute;
  162. top: 0;
  163. right: 0;
  164. font-size: 35px;
  165. color: red;
  166. }
  167. .row-2 > .row-2-1 > .row-2-1-c {
  168. width: 300px;
  169. height: 385px;
  170. }
  171. .row-2-1-c > ul {
  172. width: 280px;
  173. height: 385px;
  174. overflow: hidden;
  175. }
  176. .row-2-1-c > ul > li {
  177. width: 280px;
  178. height: 21px;
  179. margin: 5px;
  180. padding-left: 5px;
  181. float: left;
  182. font-size: 14px;
  183. }
  184. .row-2 > .row-2-2 {
  185. width: 600px;
  186. height: 420px;
  187. border-radius: 10px;
  188. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  189. float: left;
  190. margin-left: 10px;
  191. }
  192. .row-2 > .row-2-2 > .row-2-2-t {
  193. width: 580px;
  194. height: 35px;
  195. margin: 5px;
  196. padding-left: 10px;
  197. line-height: 35px;
  198. border-bottom: 1px solid #e1e1e1;
  199. }
  200. .row-2 > .row-2-2 > .row-2-2-t > span {
  201. color: red;
  202. font-size: 25px;
  203. float: right;
  204. }
  205. .row-2 > .row-2-2 > .row-2-2-c {
  206. width: 580px;
  207. height: 385px;
  208. display: flex;
  209. justify-content: center;
  210. flex-flow: row wrap;
  211. margin-top: 20px;
  212. }
  213. .row-2-2-c > .item:first-of-type {
  214. width: 170px;
  215. height: 140px;
  216. margin-left: 20px;
  217. background: url("https://img.php.cn/upload/course/000/000/001/5eeb3345b206d506.jpg");
  218. background-size: 170px 90px;
  219. background-repeat: no-repeat;
  220. border-radius: 10px;
  221. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  222. }
  223. .row-2-2-c > .item:nth-of-type(2) {
  224. width: 170px;
  225. height: 140px;
  226. margin-left: 20px;
  227. background: url("https://img.php.cn/upload/course/000/000/054/5eec277230a4a933.png");
  228. background-size: 170px 90px;
  229. background-repeat: no-repeat;
  230. border-radius: 10px;
  231. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  232. }
  233. .row-2-2-c > .item:nth-of-type(3) {
  234. width: 170px;
  235. height: 140px;
  236. margin-left: 20px;
  237. background: url("https://img.php.cn/upload/course/000/000/015/5ecbc289676f6665.png");
  238. background-size: 170px 90px;
  239. background-repeat: no-repeat;
  240. border-radius: 10px;
  241. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  242. }
  243. .row-2-2-c > .item:nth-of-type(4) {
  244. width: 170px;
  245. height: 140px;
  246. margin-left: 20px;
  247. background: url("https://img.php.cn/upload/course/000/000/014/5eba3e40b2fc6218.jpg");
  248. background-size: 170px 90px;
  249. background-repeat: no-repeat;
  250. border-radius: 10px;
  251. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  252. }
  253. .row-2-2-c > .item:nth-of-type(5) {
  254. width: 170px;
  255. height: 140px;
  256. margin-left: 20px;
  257. background: url("https://img.php.cn/upload/course/000/000/014/5eb5222662408719.jpg");
  258. background-size: 170px 90px;
  259. background-repeat: no-repeat;
  260. border-radius: 10px;
  261. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  262. }
  263. .row-2-2-c > .item:last-of-type {
  264. width: 170px;
  265. height: 140px;
  266. margin-left: 20px;
  267. background: url("https://img.php.cn/upload/course/000/000/015/5e0d6387e45cc764.png");
  268. background-size: 170px 90px;
  269. background-repeat: no-repeat;
  270. border-radius: 10px;
  271. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  272. }
  273. .row-2-2-c > .item > div {
  274. width: 170px;
  275. height: 70px;
  276. background-color: white;
  277. margin-top: 70px;
  278. border-radius: 10px;
  279. font-size: 14px;
  280. padding-left: 10px;
  281. box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.342);
  282. }
  283. .row-2-2-c > .item > div > a {
  284. width: 170px;
  285. height: 30px;
  286. color: #000;
  287. line-height: 30px;
  288. }
  289. .row-2-2-c > .item > div > span {
  290. background-color: red;
  291. color: white;
  292. font-size: 12px;
  293. padding: 1px;
  294. }
  295. .row-2 > .row-2-3 {
  296. width: 265px;
  297. height: 420px;
  298. border-radius: 10px;
  299. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  300. float: left;
  301. margin-left: 10px;
  302. }
  303. .row-2 > .row-2-3 > .row-2-3-t {
  304. width: 255px;
  305. height: 35px;
  306. margin: 5px;
  307. padding-left: 10px;
  308. line-height: 35px;
  309. border-bottom: 1px solid #e1e1e1;
  310. }
  311. .row-2 > .row-2-3 > .row-2-3-t > span {
  312. float: right;
  313. margin-right: 10px;
  314. font-weight: bolder;
  315. }
  316. .row-2-3-c {
  317. width: 255px;
  318. height: 385px;
  319. display: flex;
  320. flex-flow: column nowrap;
  321. justify-content: center;
  322. margin-left: 10px;
  323. }
  324. .row-2-3-c > .item:first-of-type > .item-1 {
  325. width: 50px;
  326. height: 50px;
  327. background: url("image/cysc.png");
  328. background-position: -6px -8px;
  329. background-repeat: no-repeat;
  330. float: left;
  331. margin-top: 8px;
  332. margin-left: 5px;
  333. }
  334. .row-2-3-c > .item:nth-of-type(2) > .item-1 {
  335. width: 50px;
  336. height: 50px;
  337. background: url("image/cysc.png");
  338. background-position: -6px -61px;
  339. background-repeat: no-repeat;
  340. float: left;
  341. margin-top: 8px;
  342. margin-left: 5px;
  343. }
  344. .row-2-3-c > .item:nth-of-type(3) > .item-1 {
  345. width: 50px;
  346. height: 50px;
  347. background: url("image/cysc.png");
  348. background-position: -6px -116px;
  349. background-repeat: no-repeat;
  350. float: left;
  351. margin-top: 8px;
  352. margin-left: 5px;
  353. }
  354. .row-2-3-c > .item:nth-of-type(4) > .item-1 {
  355. width: 50px;
  356. height: 50px;
  357. background: url("image/cysc.png");
  358. background-position: -6px -170px;
  359. background-repeat: no-repeat;
  360. float: left;
  361. margin-top: 8px;
  362. margin-left: 5px;
  363. }
  364. .row-2-3-c > .item:nth-of-type(5) > .item-1 {
  365. width: 50px;
  366. height: 50px;
  367. background: url("image/cysc.png");
  368. background-position: -6px -226px;
  369. background-repeat: no-repeat;
  370. float: left;
  371. margin-top: 8px;
  372. margin-left: 5px;
  373. }
  374. .row-2-3-c > .item:last-of-type > .item-1 {
  375. width: 50px;
  376. height: 50px;
  377. background: url("image/cysc.png");
  378. background-position: -6px -280px;
  379. background-repeat: no-repeat;
  380. float: left;
  381. margin-top: 8px;
  382. margin-left: 5px;
  383. }
  384. .row-2-3-c > .item > .item-2 {
  385. width: 200px;
  386. height: 50px;
  387. float: left;
  388. font-size: 14px;
  389. }
  390. .row-2-3-c > .item > .item-2 a{
  391. padding-left: 8px;
  392. color:rgb(37, 37, 37);
  393. line-height: 25px;
  394. }
  395. .row-2-3-c > .item > .item-2 a:hover{
  396. color: #888888;
  397. }
  398. .row-3{
  399. width: 1200px;
  400. height: 495px;
  401. }
  402. .row-3-left{
  403. width: 355px;
  404. height: 495px;
  405. margin-top: 10px;
  406. border-radius: 10px;
  407. float: left;
  408. }
  409. .row-3-left-1{
  410. width: 355px;
  411. height: 180px;
  412. margin-bottom: 10px;
  413. border-radius: 10px;
  414. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  415. float: left;
  416. background: url("https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg") no-repeat;
  417. background-size: 355px 180px;
  418. border: #fff 1px solid;
  419. }
  420. .row-3-left-2{
  421. width: 355px;
  422. height: 300px;
  423. border-radius: 10px;
  424. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  425. float: left;
  426. }
  427. .row-3-left-2 > ul{
  428. width: 355px;
  429. height: 300px;
  430. }
  431. .row-3-left-2 ul li{
  432. width: 340px;
  433. height: 28px;
  434. float: left;
  435. font-size: 14px;
  436. white-space: nowrap;
  437. list-style:none;
  438. }
  439. .row-3-left-2 ul li a{
  440. line-height: 20px;
  441. width: 280px;
  442. height: 30px;
  443. overflow: hidden;
  444. display: block;
  445. color: #000;
  446. }
  447. .row-3-left-2 ul li span{
  448. float: right;
  449. color: #999;
  450. }
  451. .row-3-left-2 ul li .icon-arrow-right{
  452. float: left;
  453. padding-left: 5px;
  454. font-size: 12px;
  455. line-height: 20px;
  456. width: 20px;
  457. color: #999;
  458. }
  459. .row-3-left-2-1{
  460. width: 345px;
  461. height: 35px;
  462. margin: 5px;
  463. padding-left: 10px;
  464. line-height: 35px;
  465. border-bottom: 2px solid red;
  466. font-weight: bolder;
  467. font-size: 14px;
  468. }
  469. .row-3-left-2-1>span{
  470. float: right;
  471. padding-right: 10px;
  472. font-weight: normal;
  473. font-size: 14px;
  474. }
  475. .row-3-c{
  476. width: 505px;
  477. height: 490px;
  478. border-radius: 10px;
  479. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  480. float: left;
  481. margin-left: 10px;
  482. margin-top: 10px;
  483. }
  484. .row-3-c-1{
  485. width: 505px;
  486. height: 35px;
  487. line-height: 35px;
  488. border-bottom: 1px solid #e2e2e2;
  489. font-weight: bolder;
  490. font-size: 14px;
  491. display: flex;
  492. flex-flow: row nowrap;
  493. justify-content:left;
  494. }
  495. .row-3-c-1 .item{
  496. margin-left: 20px;
  497. height: 35px;
  498. text-align: center;
  499. font-weight:normal;
  500. }
  501. .row-3-c-1 .item a{
  502. color: rgb(37, 37, 37);
  503. line-height: 35px;
  504. }
  505. .row-3-c-1 .item:hover{
  506. border-bottom: 1px green solid;
  507. color: rgb(255, 0, 0);
  508. }
  509. .row-3-c-2{
  510. width: 495px;
  511. height: 445px;
  512. margin-top: 15px;
  513. }
  514. .row-3-c-2-1{
  515. width: 485px;
  516. height: 435px;
  517. margin: 5px;
  518. }
  519. .row-3-c-2-1 ul{
  520. width: 485px;
  521. height: 435px;
  522. list-style: none;
  523. display: block;
  524. }
  525. .row-3-c-2-1 ul li{
  526. width: 485px;
  527. height: 25px;
  528. }
  529. .row-3-c-2-1 ul li span{
  530. float: right;
  531. color: #666;
  532. }
  533. .row-3-c-2-1 a{
  534. float: left;
  535. width: 100px;
  536. height: 20px;
  537. color: #666;
  538. font-size: 14px;
  539. line-height: 20px;
  540. padding-left: 5px;
  541. border-right: 1px solid #999;
  542. text-align:right;
  543. padding-right: 5px;
  544. }
  545. .row-3-c-2-2 a{
  546. float: left;
  547. width: 330px;
  548. height: 20px;
  549. color: #333;
  550. font-size: 14px;
  551. line-height: 20px;
  552. padding-left: 5px;
  553. text-align: left;
  554. border-right:none;
  555. }
  556. .row-3-r{
  557. width: 305px;
  558. height: 490px;
  559. border-radius: 10px;
  560. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  561. float: left;
  562. margin-left: 10px;
  563. margin-top: 10px;
  564. }
  565. .row-3-r-1{
  566. width: 305px;
  567. height: 25px;
  568. line-height: 35px;
  569. border-bottom: 1px solid #e2e2e2;
  570. font-size: 14px;
  571. padding-left: 10px;
  572. color: #333;
  573. }
  574. .row-3-r-2{
  575. width: 305px;
  576. height: 455px;
  577. }
  578. .row-3-r-2 ul{
  579. margin: 5px;
  580. }
  581. .row-3-r-2 ul li{
  582. width: 280px;
  583. height: 25px;
  584. line-height: 25px;
  585. overflow: hidden;
  586. display: block;
  587. text-overflow:ellipsis;
  588. }
  589. .row-3-r-2 ul li a{
  590. color: #333;
  591. font-size: 14px;
  592. white-space: nowrap;
  593. line-height: 25px;
  594. padding: 5px;
  595. margin: 10px;
  596. }
  597. .row-3-r-2 ul li a:hover{
  598. color: #666;
  599. }
  600. .row-4 {
  601. background: url("https://img.php.cn/upload/article/000/000/003/5b35fe49bfd77495.png") no-repeat;
  602. width: 1200px;
  603. height: 80px;
  604. margin: 20px auto;
  605. border-radius: 5px;
  606. }
  607. .row-5{
  608. width: 1200px;
  609. height: 400px;
  610. margin-top: 20px;
  611. }
  612. .row-5-1{
  613. width: 230px;
  614. height: 400px;
  615. float: left;
  616. }
  617. .row-5-1 > .row-5-t{
  618. width: 230px;
  619. height: 45px;
  620. background-color: #eee;
  621. font-size: 14px;
  622. line-height: 45px;
  623. padding-left: 10px;
  624. color: #333;
  625. font-weight:bold;
  626. }
  627. .row-5-1 > .row-5-c{
  628. width: 230px;
  629. height: 355px;
  630. background-color:#505671;
  631. border-radius: 0 0 0 10px ;
  632. }
  633. .row-5-c ul{
  634. display: block;
  635. overflow: hidden;
  636. width: 220px;
  637. height: 335px;
  638. padding: 10px;
  639. list-style: none;
  640. }
  641. .row-5-c ul li{
  642. width: 220px;
  643. height: 30px;
  644. font-size: 14px;
  645. line-height: 30px;
  646. font-family: Arial, Helvetica, sans-serif;
  647. padding-left: 5px;
  648. }
  649. .row-5-c ul li span{
  650. padding-right: 5px;
  651. line-height: 30px;
  652. }
  653. .row-5-c ul li cite{
  654. padding-right: 10px;
  655. font-style: normal;
  656. }
  657. .row-5-c ul li em{
  658. padding-right: 5px;
  659. font-style: normal;
  660. font-size: 12px;
  661. color: #999;
  662. }
  663. .row-5-2{
  664. width: 968px;
  665. height: 400px;
  666. float: left;
  667. margin-left: 1px;
  668. }
  669. .row-5-2t{
  670. width: 968px;
  671. height: 45px;
  672. background-color: #eee;
  673. font-size: 14px;
  674. line-height: 45px;
  675. padding-left: 10px;
  676. color: #333;
  677. font-weight:bold;
  678. display: flex;
  679. flex-flow: row nowrap;
  680. }
  681. .row-5-2t .item{
  682. width: 80px;
  683. height: 45px;
  684. text-align: center;
  685. }
  686. .row-5-2t .item:first-of-type{
  687. background-color: #505671;
  688. color: #e2e2e2;
  689. }
  690. .row-5-2t .item:hover{
  691. width: 80px;
  692. height: 45px;
  693. background-color: #505671;
  694. color: #e2e2e2;
  695. }
  696. .row-5-2c{
  697. width: 968px;
  698. height: 355px;
  699. background-color:#505671;
  700. border-radius: 0 0 10px 0 ;
  701. display: flex;
  702. flex-flow: column nowrap;
  703. padding-top: 20px;
  704. }
  705. .row-5-2c .item{
  706. width: 948px;
  707. height: 65px;
  708. text-align: center;
  709. }
  710. .row-5-2c .item:first-of-type{
  711. color: #ccc;
  712. line-height: 80px;
  713. }
  714. .row-5-2c .item:nth-of-type(2){
  715. line-height: 65px;
  716. color: #eee;
  717. line-height: 80px;
  718. }
  719. .row-5-2c .item:nth-of-type(3){
  720. justify-content: center;
  721. }
  722. .row-5-2c .item:nth-of-type(3) > span{
  723. width: 65px;
  724. height: 65px;
  725. color: #666;
  726. background-color: white;
  727. display:block;
  728. line-height: 65px;
  729. font-size: 30px;
  730. float: left;
  731. text-align: center;
  732. margin-left: 80px;
  733. }
  734. .row-5-2c .item:nth-of-type(3) > input{
  735. width: 650px;
  736. height: 65px;
  737. color: #666;
  738. background-color: white;
  739. display:block;
  740. line-height: 65px;
  741. font-size: 30px;
  742. float: left;
  743. border: 0px;
  744. font-size: 20px;
  745. }
  746. .row-5-2c .item:nth-of-type(3) > button{
  747. width: 100px;
  748. height: 65px;
  749. color: #eee;
  750. background-color: #999;
  751. display:block;
  752. line-height: 65px;
  753. font-size: 16px;
  754. float: left;
  755. text-align: center;
  756. border: 0px;
  757. }
  758. .row-5-2c .item:nth-of-type(4){
  759. width: 948px;
  760. height: 65px;
  761. text-align: center;
  762. margin-top: 15px;
  763. }
  764. .row-5-2c .item:nth-of-type(4) .item-r{
  765. width: 100px;
  766. height: 65px;
  767. text-align:right;
  768. margin-right: 20px;
  769. color: #eee;
  770. line-height: 65px;
  771. font-size: 14px;
  772. float: left;
  773. }
  774. .row-5-2c .item:nth-of-type(4) .item-m{
  775. width: 758px;
  776. height: 45px;
  777. display: flex;
  778. flex-flow: row nowrap;
  779. text-align: center;
  780. }
  781. .item-m .ss{
  782. background-color: rgb(126, 126, 126);
  783. flex: 0 0 auto;
  784. border-radius: 10px;
  785. margin: 5px;
  786. padding: 5px;
  787. color: white;
  788. line-height: 40px;
  789. font-size: 14px;
  790. height: 45px;
  791. font-family: Arial, Helvetica, sans-serif;
  792. }
  793. .row-5-2c .item:nth-of-type(5){
  794. width: 948px;
  795. height: 45px;
  796. text-align: center;
  797. }
  798. .row-5-2c .item:nth-of-type(5) .item-r{
  799. width: 100px;
  800. height: 45px;
  801. text-align:right;
  802. margin-top: 5px;
  803. margin-right: 20px;
  804. color: #eee;
  805. line-height: 45px;
  806. font-size: 14px;
  807. float: left;
  808. }
  809. .row-5-2c .item:nth-of-type(5) .item-m{
  810. width: 758px;
  811. height: 4px;
  812. display: flex;
  813. flex-flow: row nowrap;
  814. text-align: center;
  815. }
  816. .item-m .xx{
  817. font-family: Arial, Helvetica, sans-serif;
  818. height: 40px;
  819. background-color: rgb(126, 126, 126);
  820. flex: 0 0 auto;
  821. border-radius: 10px;
  822. padding: 5px;
  823. margin: 5px;
  824. color: white;
  825. line-height: 30px;
  826. font-size: 14px;
  827. }
  828. .row-6{
  829. width: 1200px;
  830. height: 650px;
  831. border-radius: 10px;
  832. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  833. margin-top: 20px;
  834. }
  835. .row-6 > .row-6-t{
  836. width: 1200px;
  837. height: 100px;
  838. text-align: center;
  839. line-height: 100px;
  840. float: left;
  841. font-size: 1.3rem;
  842. }
  843. .row-6 > .row-6-t span{
  844. color: blue;
  845. font-size: 20px;
  846. text-align: center;
  847. margin: 5px;
  848. }
  849. .row-6 > .row-6-c{
  850. width: 1200px;
  851. height: 550px;
  852. float: left;
  853. display: grid;
  854. grid-template-columns:repeat(5,1fr) ;
  855. grid-template-rows: repeat(3,1fr);
  856. }
  857. .row-6 >.row-6-c > .item{
  858. width: 215px;
  859. height: 170px;
  860. border-radius: 5px;
  861. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  862. place-self: start center;
  863. }
  864. .row-6 >.row-6-c > .item:first-of-type{
  865. grid-row: span 2;
  866. height: 350px;
  867. border-radius: 5px;
  868. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  869. background: url("https://www.php.cn/static/images/index_learn_first.jpg");
  870. }
  871. .row-6 > .row-6-c > .item > .item.desc{
  872. display: grid;
  873. place-content:space-between;
  874. width: 215px;
  875. min-height: 84px;
  876. background-color: white;
  877. border-radius: 5%;
  878. position: relative;
  879. top:-40px;
  880. font-size:14px;
  881. padding: 15px;
  882. }
  883. .row-6 > .row-6-c > .item > img{
  884. width: 100%;
  885. border-radius: 5px;
  886. }
  887. .row-6 > .row-6-c > .item > .item.desc > span{
  888. font-size: smaller;
  889. color: #999;
  890. }
  891. .row-6 > .row-6-c > .item > .item.desc > a{
  892. color: #666;
  893. min-width: 160px;
  894. height: 20px;
  895. overflow:hidden;
  896. line-height: 20px;
  897. }
  898. .row-6 > .row-6-c > .item > .item.desc > a span{
  899. background-color: red;
  900. font-size: smaller;
  901. color: white;
  902. margin-right: 2px;
  903. }
  904. .row-7{
  905. background: url("https://img.php.cn/upload/article/000/000/003/5b35fe49bfd77495.png") no-repeat;
  906. width: 1200px;
  907. height: 80px;
  908. margin: 20px auto;
  909. border-radius: 5px;
  910. }
  911. .row-8{
  912. width: 1200px;
  913. height: 570px;
  914. border-radius: 5px;
  915. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  916. margin-top: 20px;
  917. }
  918. .row-8 > .row-8-l{
  919. width: 770px;
  920. height: 570px;
  921. float: left;
  922. }
  923. .row-8 > .row-8-l > .row-8-lt{
  924. width: 770px;
  925. height: 80px;
  926. display: flex;
  927. flex-flow: row nowrap;
  928. }
  929. .row-8 > .row-8-l > .row-8-lt .item{
  930. flex:1;
  931. line-height: 80px;
  932. text-align: center;
  933. }
  934. .row-8 > .row-8-l > .row-8-lt .item a{
  935. color: #666;
  936. font-weight: bold;
  937. border: 1px solid rgb(212, 212, 212);
  938. padding: 10px 20px;
  939. font-size: 14px;
  940. }
  941. .row-8 > .row-8-l > .row-8-lt .item:first-of-type{
  942. font-style: normal;
  943. font-size: 18px;
  944. color: #666;
  945. }
  946. .row-8 > .row-8-l > .row-8-lt .item:nth-of-type(2) a{
  947. background-color: #333;
  948. color: white;
  949. }
  950. .row-8 > .row-8-l > .row-8-lc{
  951. width: 770px;
  952. height: 490px;
  953. }
  954. .row-8 > .row-8-l > .row-8-lc {
  955. width: 770px;
  956. height: 300px;
  957. display: flex;
  958. flex-flow: row nowrap;
  959. }
  960. .row-8 > .row-8-l > .row-8-lc > .item{
  961. flex:1;
  962. width: 385px;
  963. height: 300px;
  964. }
  965. .row-8 > .row-8-l > .row-8-lc > .item > .item-t{
  966. flex:1;
  967. width: 325px;
  968. height: 35px;
  969. border-bottom: 1px solid rgb(202, 202, 202);
  970. line-height: 35px;
  971. margin-left: 30px;
  972. padding-left: 10px;
  973. }
  974. .row-8 > .row-8-l > .row-8-lc > .item > .item-c {
  975. width: 325px;
  976. height: 265px;
  977. font-size: 14px;
  978. }
  979. .row-8 > .row-8-l > .row-8-lc > .item > .item-c li{
  980. list-style: none;
  981. overflow: hidden;
  982. text-overflow:ellipsis;
  983. white-space: nowrap;
  984. }
  985. .row-8 > .row-8-l > .row-8-lc > .item > .item-c li a{
  986. width: 325px;
  987. height: 35px;
  988. line-height: 35px;
  989. color: #666;
  990. margin-left: 30px;
  991. padding-left: 10px;
  992. }
  993. .row-8 > .row-8-l > .row-8-lf{
  994. width: 740px;
  995. height:160px;
  996. margin-left: 30px;
  997. display: flex;
  998. flex-flow: row nowrap;
  999. justify-content: space-between;
  1000. }
  1001. .row-8 > .row-8-l > .row-8-lf > .item{
  1002. width: 160px;
  1003. height: 160px;
  1004. text-align: center;
  1005. overflow: hidden;
  1006. text-overflow: ellipsis;
  1007. }
  1008. .row-8 > .row-8-l > .row-8-lf > .item img{
  1009. width: 160px;
  1010. height:100px;
  1011. }
  1012. .row-8 > .row-8-l > .row-8-lf > .item a{
  1013. color: #333;
  1014. font-size: 14px;
  1015. }
  1016. .row-8 > .row-8-l > .row-8-lf > .item span{
  1017. white-space: nowrap;
  1018. }
  1019. .row-8-r{
  1020. width: 410px;
  1021. height: 570px;
  1022. float:left;
  1023. margin-left: 20px;
  1024. position: relative;
  1025. }
  1026. .row-8-r > .row-8-r1{
  1027. width: 410px;
  1028. height: 80px;
  1029. line-height: 80px;
  1030. padding-left: 30px;
  1031. font-size: 18px;
  1032. color: #666;
  1033. }
  1034. .row-8-r > .row-8-r1 span{
  1035. line-height: 80px;
  1036. font-size: 14px;
  1037. color: #666;
  1038. position: absolute;
  1039. right:30px;
  1040. }
  1041. .row-8-r > .row-8-r2{
  1042. width: 410px;
  1043. height: 490px;
  1044. display: flex;
  1045. flex-flow: row wrap;
  1046. justify-content:space-evenly;
  1047. }
  1048. .row-8-r > .row-8-r2 > .item{
  1049. width: 180px;
  1050. height: 150px;
  1051. overflow: hidden;
  1052. text-overflow: ellipsis;
  1053. }
  1054. .row-8-r > .row-8-r2 > .item img{
  1055. width: 180px;
  1056. height:90px;
  1057. }
  1058. .row-8-r > .row-8-r2 > .item span{
  1059. color: #333;
  1060. font-size: 14px;
  1061. line-height: 20px;
  1062. white-space:nowrap;
  1063. }
  1064. .row-9{
  1065. width: 1200px;
  1066. height: 420px;
  1067. margin-top: 20px;
  1068. }
  1069. .row-9 > .row-9-l{
  1070. width: 220px;
  1071. height: 420px;
  1072. float: left;
  1073. }
  1074. .row-9 > .row-9-l > .row-9-lt{
  1075. width: 220px;
  1076. height: 40px;
  1077. background-color: #eee;
  1078. line-height: 40px;
  1079. font-size: 12px;
  1080. color: #666;
  1081. border-radius: 10px 0 0 0;
  1082. padding-left: 10px;
  1083. font-weight:bold;
  1084. }
  1085. .row-9 > .row-9-l > .row-9-lc {
  1086. width: 220px;
  1087. height: 380px;
  1088. border-right: 1px solid #eee;
  1089. border-radius: 0 0 0 10px;
  1090. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  1091. }
  1092. .row-9 > .row-9-l > .row-9-lc ul{
  1093. width: 220px;
  1094. height: 380px;
  1095. overflow: hidden;
  1096. list-style: none;
  1097. font-family:Arial, Helvetica, sans-serif;
  1098. }
  1099. .row-9 > .row-9-l > .row-9-lc ul li{
  1100. width: 220px;
  1101. height: 30px;
  1102. padding-left: 10px;
  1103. margin-top: 5px;
  1104. }
  1105. .row-9 > .row-9-l > .row-9-lc ul li cite{
  1106. color: #666;
  1107. font-style:normal;
  1108. font-size: 16px;
  1109. }
  1110. .row-9 > .row-9-l > .row-9-lc ul li a{
  1111. font-size: 12px;
  1112. color: #000;
  1113. }
  1114. .row-9 > .row-9-l > .row-9-lc ul li em{
  1115. font-style:normal;
  1116. }
  1117. .row-9 > .row-9-l > .row-9-lc ul li span{
  1118. font-style:normal;
  1119. padding-right: 5px;
  1120. }
  1121. .row-9 > .row-9-r {
  1122. width: 980px;
  1123. height: 420px;
  1124. float: left;
  1125. }
  1126. .row-9 > .row-9-r > .row-9-rt{
  1127. width: 980px;
  1128. height: 40px;
  1129. background-color: #eee;
  1130. line-height: 40px;
  1131. font-size: 12px;
  1132. color: #666;
  1133. padding-left: 10px;
  1134. font-weight:bold;
  1135. display: flex;
  1136. flex-flow: row nowrap;
  1137. justify-content: flex-start;
  1138. border-radius: 0 10px 0 0;
  1139. }
  1140. .row-9 > .row-9-r > .row-9-rt >.item{
  1141. width: 100px;
  1142. height: 40px;
  1143. text-align: center;
  1144. }
  1145. .row-9 > .row-9-r > .row-9-rt >.item a{
  1146. color: #fff;
  1147. line-height: 40px;
  1148. background-color: #333;
  1149. padding: 12px;
  1150. }
  1151. .row-9 > .row-9-r > .row-9-rc{
  1152. width: 980px;
  1153. height: 380px;
  1154. padding: 10px;
  1155. border-radius: 0 0 10px 0px;
  1156. box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  1157. display: grid;
  1158. grid-template-columns:repeat(4,1fr);
  1159. grid-template-rows:repeat(2,1fr);
  1160. justify-items: center;
  1161. gap:10px;
  1162. }
  1163. .row-9 > .row-9-r > .row-9-rc > .item{
  1164. width: 220px;
  1165. min-height: 110px;
  1166. background-color: #e9e9e9;
  1167. border-radius: 10px;
  1168. place-items: center;
  1169. text-overflow: ellipsis;
  1170. text-align: center;
  1171. overflow: hidden;
  1172. padding-left: 10px;
  1173. }
  1174. .row-9 > .row-9-r > .row-9-rc > .item a{
  1175. width: 220px;
  1176. height: 110px;
  1177. }
  1178. .row-9 > .row-9-r > .row-9-rc > .item img{
  1179. float: left;
  1180. width: 35px;
  1181. height: 35px;
  1182. margin-left: 50px;
  1183. margin-left: 10px;
  1184. vertical-align:text-bottom;
  1185. }
  1186. .row-9 > .row-9-r > .row-9-rc > .item strong{
  1187. display: block;
  1188. color: #666;
  1189. font-size: 12px;
  1190. margin-right: 15px;
  1191. }
  1192. .row-9 > .row-9-r > .row-9-rc > .item h2{
  1193. font-size: 18px;
  1194. color:green;
  1195. }
  1196. .row-10{
  1197. width: 1200px;
  1198. height: 128px;
  1199. margin-top: 20px;
  1200. border-radius: 10px;
  1201. box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15) ;
  1202. }
  1203. .row-10 >.row-10t{
  1204. width: 1200px;
  1205. height: 50px;
  1206. border-bottom: 1px dashed #eee;
  1207. padding: 10px;
  1208. font-size: 14px;
  1209. color: #666;
  1210. line-height: 50px;
  1211. }
  1212. .row-10 > .row-10f{
  1213. width: 1200px;
  1214. height: 70px;
  1215. }
  1216. .row-10 > .row-10f ul{
  1217. list-style: none;
  1218. display: block;
  1219. padding-left: 5px;
  1220. padding-right: 5px;
  1221. }
  1222. .row-10 > .row-10f ul li{
  1223. height: 20px;
  1224. float: left;
  1225. font-size: 14px;
  1226. padding-left: 10px;
  1227. margin-top: 5px;
  1228. }
  1229. .row-10 > .row-10f ul li a{
  1230. color: #666;
  1231. }
  • 首页内容html源码


  1. <div class="container">
  2. <div class="row">
  3. <div class="left">
  4. <div class="item">
  5. <a href="">PHP开发</a
  6. ><span class="iconfont icon-arrow-right"></span>
  7. </div>
  8. <div class="item">
  9. <a href="">前端开发</a
  10. ><span class="iconfont icon-arrow-right"></span>
  11. </div>
  12. <div class="item">
  13. <a href="">服务器开发</a
  14. ><span class="iconfont icon-arrow-right"></span>
  15. </div>
  16. <div class="item">
  17. <a href="">移动开发</a
  18. ><span class="iconfont icon-arrow-right"></span>
  19. </div>
  20. <div class="item">
  21. <a href="">数据库</a><span class="iconfont icon-arrow-right"></span>
  22. </div>
  23. <div class="item">
  24. <a href="">服务器运维&下载</a
  25. ><span class="iconfont icon-arrow-right"></span>
  26. </div>
  27. <div class="item">
  28. <a href="">在线工具箱</a
  29. ><span class="iconfont icon-arrow-right"></span>
  30. </div>
  31. <div class="item">
  32. <a href="">常用类库</a
  33. ><span class="iconfont icon-arrow-right"></span>
  34. </div>
  35. </div>
  36. <div class="right">
  37. <div class="right-t">
  38. <div class="item">
  39. PHP头条<span class="iconfont icon-xin"></span>
  40. </div>
  41. <div class="item">独孤九贱</div>
  42. <div class="item">
  43. 学习路线<span class="iconfont icon-xin"></span>
  44. </div>
  45. <div class="item">在线工具</div>
  46. <div class="item">
  47. 趣味课堂<span class="iconfont icon-xin"></span>
  48. </div>
  49. <div class="item">社区问答</div>
  50. <div class="item">课程直播</div>
  51. <div class="item">
  52. <input type="text" name="search" value="输入相关词搜索" />
  53. <div class="search">
  54. <span class="iconfont icon-sousuo"></span>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="right-c"></div>
  59. <div class="right-f">
  60. <div class="item"></div>
  61. <div class="item"></div>
  62. <div class="item"></div>
  63. <div class="item"></div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="row-1"></div>
  68. <div class="row-2">
  69. <div class="row-2-1">
  70. <div class="row-2-1-t">
  71. 头条<span class="iconfont icon-star"></span>
  72. </div>
  73. <div class="row-2-1-c">
  74. <ul>
  75. <li>php中文网原创视频:《天龙八部》公益php</li>
  76. <li>php中文网《玉女心经》公益PHP培训系列</li>
  77. <li>PHP 8 来了! PHP团队发布了首个测试版</li>
  78. <li>php的版本发展历史(1995-2020)</li>
  79. <li>您知道吗?最好的语言:PHP 25 岁了!</li>
  80. <li>史上最污技术解读,我竟然秒懂了</li>
  81. <li>2020年最新5个简洁优秀的个人博客模板免</li>
  82. <li>5款优秀的vue后台管理系统模板推荐(免费</li>
  83. <li>6个大气的bootstrap后台管理系统模板推荐</li>
  84. <li>5款简洁的layui后台管理模板推荐(免费下</li>
  85. <li>5款个性的网页回到顶部特效代码</li>
  86. <li>小皮面板 v0.53 版本今日发布!</li>
  87. </ul>
  88. </div>
  89. </div>
  90. <div class="row-2-2">
  91. <div class="row-2-2-t">
  92. 最新课程<span class="iconfont icon-xinpin"></span>
  93. </div>
  94. <div class="row-2-2-c">
  95. <div class="item">
  96. <div><span>中级</span><a href="">PHP代码整洁之道</a></div>
  97. </div>
  98. <div class="item">
  99. <div>
  100. <span>初级</span><a href="">前端课程(五郞八卦棍系列)第一棍</a>
  101. </div>
  102. </div>
  103. <div class="item">
  104. <div><span>初级</span><a href="">小皮面板使用视频教程</a></div>
  105. </div>
  106. <div class="item">
  107. <div><span>初级</span><a href="">从零进入C语言</a></div>
  108. </div>
  109. <div class="item">
  110. <div><span>中级</span><a href="">C语言进阶篇</a></div>
  111. </div>
  112. <div class="item">
  113. <div>
  114. <span>中级</span><a href="">PHP快速操控Excel之PhpSpreadsheet</a>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="row-2-3">
  120. <div class="row-2-3-t">常用手册<span>更多</span></div>
  121. <div class="row-2-3-c">
  122. <div class="item">
  123. <div class="item-1"></div>
  124. <div class="item-2"><a href="">php手册</a><a href="">Linux手册</a><a href="">ThinkPHP6.0</a><a href="">CI手册大全</a></div>
  125. </div>
  126. <div class="item">
  127. <div class="item-1"></div>
  128. <div class="item-2"><a href="">JavaScript中文参考手册</a><br><a href="">jQuery手册大全</a></div>
  129. </div>
  130. <div class="item">
  131. <div class="item-1"></div>
  132. <div class="item-2"><a href="">MySQL参考手册大全</a> <a href="">laravel5.8速查表</a></div>
  133. </div>
  134. <div class="item">
  135. <div class="item-1"></div>
  136. <div class="item-2"><a href="">Python参考手册大全</a><br><a href=""></a>Node.js中文学习手册</a></div>
  137. </div>
  138. <div class="item">
  139. <div class="item-1"></div>
  140. <div class="item-2"><a href="">html手册</a><a href="">CSS手册</a><a href="">AngularJSAjax手册</a></div>
  141. </div>
  142. <div class="item">
  143. <div class="item-1"></div>
  144. <div class="item-2"><a href="">ASP参考手册大全</a><br><a href="">Bootstrap3参考手册</a></div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="row-3">
  150. <div class="row-3-left">
  151. <div class="row-3-left-1"></div>
  152. <div class="row-3-left-2">
  153. <div class="row-3-left-2-1">php开发辅助工具下载<span>更多</span></div>
  154. <div class="row-3-left-2-2">
  155. <ul>
  156. <li><span class="iconfont icon-arrow-right"></span>
  157. <span>
  158. 01-17
  159. </span>
  160. <a title="小皮面板(phpStudy for Linux 服务器运维管理面板)" href="/xiazai/gongju/1528"
  161. target="-blank">
  162. 小皮面板(phpStudy for Linux 服务器运维管理面板)
  163. </a>
  164. </li>
  165. <li><span class="iconfont icon-arrow-right"></span>
  166. <span>
  167. 01-16
  168. </span>
  169. <a title="VSCode Windows 64位 下载" href="/xiazai/gongju/1527" target="-blank">
  170. VSCode Windows 64位 下载
  171. </a>
  172. </li>
  173. <li><span class="iconfont icon-arrow-right"></span>
  174. <span>
  175. 10-26
  176. </span>
  177. <a title="Memcached Win64位系统 1.4.4版本" href="/xiazai/gongju/1525" target="-blank">
  178. Memcached Win64位系统 1.4.4版本
  179. </a>
  180. </li>
  181. <li><span class="iconfont icon-arrow-right"></span>
  182. <span>
  183. 10-26
  184. </span>
  185. <a title="Memcached Win32位系统 1.4.4版本" href="/xiazai/gongju/1524" target="-blank">
  186. Memcached Win32位系统 1.4.4版本
  187. </a>
  188. </li>
  189. <li><span class="iconfont icon-arrow-right"></span>
  190. <span>
  191. 10-26
  192. </span>
  193. <a title="Memcached Win64位系统 1.4.5版本" href="/xiazai/gongju/1523" target="-blank">
  194. Memcached Win64位系统 1.4.5版本
  195. </a>
  196. </li>
  197. <li><span class="iconfont icon-arrow-right"></span>
  198. <span>
  199. 10-26
  200. </span>
  201. <a title="Memcached Win32位系统 1.4.5版本" href="/xiazai/gongju/1522" target="-blank">
  202. Memcached Win32位系统 1.4.5版本
  203. </a>
  204. </li>
  205. <li><span class="iconfont icon-arrow-right"></span>
  206. <span>
  207. 09-23
  208. </span>
  209. <a title="phpstudy安全自检修复程序" href="/xiazai/gongju/1521" target="-blank">
  210. phpstudy安全自检修复程序
  211. </a>
  212. </li>
  213. <li><span class="iconfont icon-arrow-right"></span>
  214. <span>
  215. 08-05
  216. </span>
  217. <a title="phpStudy V8.1(Win64位)" href="/xiazai/gongju/1500" target="-blank">
  218. phpStudy V8.1(Win64位)
  219. </a>
  220. </li>
  221. <li><span class="iconfont icon-arrow-right"></span>
  222. <span>
  223. 08-05
  224. </span>
  225. <a title="phpStudy V8.1(Win32位)" href="/xiazai/gongju/1499" target="-blank">
  226. phpStudy V8.1(Win32位)
  227. </a>
  228. </li>
  229. </ul>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="row-3-c">
  234. <div class="row-3-c-1">
  235. <div class="item"><a herf="">技术文章</a></div>
  236. <div class="item"><a herf="">网站源码</a></div>
  237. <div class="item"><a herf="">原生手册</a></div>
  238. <div class="item"><a herf="">推荐博文</a></div>
  239. </div>
  240. <div class="row-3-c-2">
  241. <div class="row-3-c-2-1">
  242. <ul>
  243. <li>
  244. <span>
  245. 05-25&nbsp;&nbsp;
  246. </span>
  247. <div class="row-3-c-2-l">
  248. <a href="/xiazai/code/houduan" title="后端模板" target="-blank">
  249. 后端模板
  250. </a>
  251. </div>
  252. <div class="row-3-c-2-2">
  253. <a href="/xiazai/code/6449" title="学生就业管理系统后台模板" target="-blank">
  254. 学生就业管理系统后台模板
  255. </a>
  256. </div>
  257. </li>
  258. <li>
  259. <span>
  260. 06-09&nbsp;&nbsp;
  261. </span>
  262. <div class="row-3-c-2-l">
  263. <a href="/xiazai/code/phome" title="帝国cms模板" target="-blank">
  264. 帝国cms模板
  265. </a>
  266. </div>
  267. <div class="row-3-c-2-2">
  268. <a href="/xiazai/code/6470" title="帝国cms模板仿后台登录界面" target="-blank">
  269. 帝国cms模板仿后台登录界面
  270. </a>
  271. </div>
  272. </li>
  273. <li>
  274. <span>
  275. 06-06&nbsp;&nbsp;
  276. </span>
  277. <div class="row-3-c-2-l">
  278. <a href="/xiazai/code/houduan" title="后端模板" target="-blank">
  279. 后端模板
  280. </a>
  281. </div>
  282. <div class="row-3-c-2-2">
  283. <a href="/xiazai/code/6469" title="简洁商城系统后台管理模板" target="-blank">
  284. 简洁商城系统后台管理模板
  285. </a>
  286. </div>
  287. </li>
  288. <li>
  289. <span>
  290. 06-05&nbsp;&nbsp;
  291. </span>
  292. <div class="row-3-c-2-l">
  293. <a href="/xiazai/code/oa" title="OA系统源码" target="-blank">
  294. OA系统源码
  295. </a>
  296. </div>
  297. <div class="row-3-c-2-2">
  298. <a href="/xiazai/code/6467" title="帮管客CRM客户管理系统" target="-blank">
  299. 帮管客CRM客户管理系统
  300. </a>
  301. </div>
  302. </li>
  303. <li>
  304. <span>
  305. 06-05&nbsp;&nbsp;
  306. </span>
  307. <div class="row-3-c-2-l">
  308. <a href="/xiazai/code/oa" title="OA系统源码" target="-blank">
  309. OA系统源码
  310. </a>
  311. </div>
  312. <div class="row-3-c-2-2">
  313. <a href="/xiazai/code/6466" title="禅道项目管理软件" target="-blank">
  314. 禅道项目管理软件
  315. </a>
  316. </div>
  317. </li>
  318. <li>
  319. <span>
  320. 06-05&nbsp;&nbsp;
  321. </span>
  322. <div class="row-3-c-2-l">
  323. <a href="/xiazai/code/other" title="其它模板" target="-blank">
  324. 其它模板
  325. </a>
  326. </div>
  327. <div class="row-3-c-2-2">
  328. <a href="/xiazai/code/6465" title="phpMyFAQ 3.0.3 中文版" target="-blank">
  329. phpMyFAQ 3.0.3 中文版
  330. </a>
  331. </div>
  332. </li>
  333. <li>
  334. <span>
  335. 06-04&nbsp;&nbsp;
  336. </span>
  337. <div class="row-3-c-2-l">
  338. <a href="/xiazai/code/phome" title="帝国cms模板" target="-blank">
  339. 帝国cms模板
  340. </a>
  341. </div>
  342. <div class="row-3-c-2-2">
  343. <a href="/xiazai/code/6464" title="大气自适应会员中心帝国cms模板" target="-blank">
  344. 大气自适应会员中心帝国cms模板
  345. </a>
  346. </div>
  347. </li>
  348. <li>
  349. <span>
  350. 06-04&nbsp;&nbsp;
  351. </span>
  352. <div class="row-3-c-2-l">
  353. <a href="/xiazai/code/houduan" title="后端模板" target="-blank">
  354. 后端模板
  355. </a>
  356. </div>
  357. <div class="row-3-c-2-2">
  358. <a href="/xiazai/code/6463" title="蓝色企业CMS网站后台管理模板" target="-blank">
  359. 蓝色企业CMS网站后台管理模板
  360. </a>
  361. </div>
  362. </li>
  363. <li>
  364. <span>
  365. 05-29&nbsp;&nbsp;
  366. </span>
  367. <div class="row-3-c-2-l">
  368. <a href="/xiazai/code/shop" title="电商源码" target="-blank">
  369. 电商源码
  370. </a>
  371. </div>
  372. <div class="row-3-c-2-2">
  373. <a href="/xiazai/code/6460" title="MyuCMS社区+商城内容管理系统" target="-blank">
  374. MyuCMS社区+商城内容管理系统
  375. </a>
  376. </div>
  377. </li>
  378. <li>
  379. <span>
  380. 05-26&nbsp;&nbsp;
  381. </span>
  382. <div class="row-3-c-2-l">
  383. <a href="/xiazai/code/phome" title="帝国cms模板" target="-blank">
  384. 帝国cms模板
  385. </a>
  386. </div>
  387. <div class="row-3-c-2-2">
  388. <a href="/xiazai/code/6453" title="帝国cms模板仿百度贴吧" target="-blank">
  389. 帝国cms模板仿百度贴吧
  390. </a>
  391. </div>
  392. </li>
  393. <li>
  394. <span>
  395. 05-25&nbsp;&nbsp;
  396. </span>
  397. <div class="row-3-c-2-l">
  398. <a href="/xiazai/code/houduan" title="后端模板" target="-blank">
  399. 后端模板
  400. </a>
  401. </div>
  402. <div class="row-3-c-2-2">
  403. <a href="/xiazai/code/6450" title="紫色店铺商家信息后台管理模板" target="-blank">
  404. 紫色店铺商家信息后台管理模板
  405. </a>
  406. </div>
  407. </li>
  408. <li>
  409. <span>
  410. 05-25&nbsp;&nbsp;
  411. </span>
  412. <div class="row-3-c-2-l">
  413. <a href="/xiazai/code/houduan" title="后端模板" target="-blank">
  414. 后端模板
  415. </a>
  416. </div>
  417. <div class="row-3-c-2-2">
  418. <a href="/xiazai/code/6449" title="学生就业管理系统后台模板" target="-blank">
  419. 学生就业管理系统后台模板
  420. </a>
  421. </div>
  422. </li>
  423. <li>
  424. <span>
  425. 05-23&nbsp;&nbsp;
  426. </span>
  427. <div class="row-3-c-2-l">
  428. <a href="/xiazai/code/other" title="其它模板" target="-blank">
  429. 其它模板
  430. </a>
  431. </div>
  432. <div class="row-3-c-2-2">
  433. <a href="/xiazai/code/6448" title="Matomo开源网站统计系统" target="-blank">
  434. Matomo开源网站统计系统
  435. </a>
  436. </div>
  437. </li>
  438. <li>
  439. <span>
  440. 05-23&nbsp;&nbsp;
  441. </span>
  442. <div class="row-3-c-2-l">
  443. <a href="/xiazai/code/other" title="其它模板" target="-blank">
  444. 其它模板
  445. </a>
  446. </div>
  447. <div class="row-3-c-2-2">
  448. <a href="/xiazai/code/6446" title="玛塔留言板" target="-blank">
  449. 玛塔留言板
  450. </a>
  451. </div>
  452. </li>
  453. <li>
  454. <span>
  455. 05-23&nbsp;&nbsp;
  456. </span>
  457. <div class="row-3-c-2-l">
  458. <a href="/xiazai/code/other" title="其它模板" target="-blank">
  459. 其它模板
  460. </a>
  461. </div>
  462. <div class="row-3-c-2-2">
  463. <a href="/xiazai/code/6445" title="phpSysInfo" target="-blank">
  464. phpSysInfo
  465. </a>
  466. </div>
  467. </li>
  468. <li>
  469. <span>
  470. 05-23&nbsp;&nbsp;
  471. </span>
  472. <div class="row-3-c-2-l">
  473. <a href="/xiazai/code/gongsi" title="企业站源码" target="-blank">
  474. 企业站源码
  475. </a>
  476. </div>
  477. <div class="row-3-c-2-2">
  478. <a href="/xiazai/code/6444" title="IBOS企业协同管理软件" target="-blank">
  479. IBOS企业协同管理软件
  480. </a>
  481. </div>
  482. </li>
  483. <li>
  484. <span>
  485. 05-23&nbsp;&nbsp;
  486. </span>
  487. <div class="row-3-c-2-l">
  488. <a href="/xiazai/code/other" title="其它模板" target="-blank">
  489. 其它模板
  490. </a>
  491. </div>
  492. <div class="row-3-c-2-2">
  493. <a href="/xiazai/code/6443" title="OElove婚恋交友系统" target="-blank">
  494. OElove婚恋交友系统
  495. </a>
  496. </div>
  497. </li>
  498. </ul>
  499. </div>
  500. <div class="row-3-c-2-2"></div>
  501. <div class="row-3-c-2-3"></div>
  502. <div class="row-3-c-2-4"></div>
  503. </div>
  504. </div>
  505. <div class="row-3-r">
  506. <div class="row-3-r-1">最新社区问答</div>
  507. <div class="row-3-r-2">
  508. <ul>
  509. <li>
  510. <a href="/wenda/165328.html" title="为什么URL加上www就访问不了呢?" target="-blank">
  511. 为什么URL加上www就访问不了呢?
  512. </a>
  513. </li>
  514. <li>
  515. <a href="/wenda/165327.html" title="跟我真正了解免费OA这个坑" target="-blank">
  516. 跟我真正了解免费OA这个坑
  517. </a>
  518. </li>
  519. <li>
  520. <a href="/wenda/165326.html" title="编辑分类,点那个铅笔不弹窗" target="-blank">
  521. 编辑分类,点那个铅笔不弹窗
  522. </a>
  523. </li>
  524. <li>
  525. <a href="/wenda/165325.html" title="前端ajax发送的数据,后端TP控制器里打印为Null,但是返回给前端控制台可以看到。"
  526. target="-blank">
  527. 前端ajax发送的数据,后端TP控制器里打印为Null,但是返回给前端控制台可以看到。
  528. </a>
  529. </li>
  530. <li>
  531. <a href="/wenda/165324.html" title="peter-zhu 老师 想请教个问题?" target="-blank">
  532. peter-zhu 老师 想请教个问题?
  533. </a>
  534. </li>
  535. <li>
  536. <a href="/wenda/165323.html" title="点编辑分类按钮死活不弹窗,但直接打打开那个链接是正常的,代码一样,要疯了"
  537. target="-blank">
  538. 点编辑分类按钮死活不弹窗,但直接打打开那个链接是正常的,代码一样,要疯了
  539. </a>
  540. </li>
  541. <li>
  542. <a href="/wenda/165322.html" title="$GLOBALS在浏览器中不起作用" target="-blank">
  543. $GLOBALS在浏览器中不起作用
  544. </a>
  545. </li>
  546. <li>
  547. <a href="/wenda/165321.html" title="数据库存储不了注册页面的信息如何解决" target="-blank">
  548. 数据库存储不了注册页面的信息如何解决
  549. </a>
  550. </li>
  551. <li>
  552. <a href="/wenda/165320.html" title="这些函数主要用途是那些方面" target="-blank">
  553. 这些函数主要用途是那些方面
  554. </a>
  555. </li>
  556. <li>
  557. <a href="/wenda/165319.html" title="编辑管理员信息为什么没有更新成功的提示框?其他的都有" target="-blank">
  558. 编辑管理员信息为什么没有更新成功的提示框?其他的都有
  559. </a>
  560. </li>
  561. <li>
  562. <a href="/wenda/165318.html" title="总是显示密码错误,登录不了" target="-blank">
  563. 总是显示密码错误,登录不了
  564. </a>
  565. </li>
  566. <li>
  567. <a href="/wenda/165317.html" title="朱老师用的什么屏幕截取软件?" target="-blank">
  568. 朱老师用的什么屏幕截取软件?
  569. </a>
  570. </li>
  571. <li>
  572. <a href="/wenda/165316.html" title="请问jQuery按手机返回键后,不回退页面,直接关闭页面。" target="-blank">
  573. 请问jQuery按手机返回键后,不回退页面,直接关闭页面。
  574. </a>
  575. </li>
  576. <li>
  577. <a href="/wenda/165315.html" title="PHP7 编译安装 扩展相关问题" target="-blank">
  578. PHP7 编译安装 扩展相关问题
  579. </a>
  580. </li>
  581. <li>
  582. <a href="/wenda/165314.html" title="90%22=2 这个是怎么个模法?" target="-blank">
  583. 90%22=2 这个是怎么个模法?
  584. </a>
  585. </li>
  586. <li>
  587. <a href="/wenda/165313.html" title="页面中iframe内元素点击" target="-blank">
  588. 页面中iframe内元素点击
  589. </a>
  590. </li>
  591. <li>
  592. <a href="/wenda/165312.html" title="朱老师, 这个地方按你的分类列表出不来那个效果" target="-blank">
  593. 朱老师, 这个地方按你的分类列表出不来那个效果
  594. </a>
  595. </li>
  596. <li>
  597. <a href="/wenda/165311.html" title="朱老师,第6章后是不是还有内容啊" target="-blank">
  598. 朱老师,第6章后是不是还有内容啊
  599. </a>
  600. </li>
  601. </ul>
  602. </div>
  603. </div>
  604. </div>
  605. <div class="row-4"></div>
  606. <div class="row-5">
  607. <div class="row-5-1">
  608. <div class="row-5-t">词典分类</div>
  609. <div class="row-5-c">
  610. <ul class="layui-tree">
  611. <li >
  612. <a href="/dic/category/1.html" target="-blank">
  613. <span class="iconfont icon-laba"></span>
  614. <cite>
  615. HTML/CSS
  616. </cite>
  617. <em>
  618. HTML/CSS
  619. </em>
  620. </a>
  621. </li>
  622. <li >
  623. <a href="/dic/category/2.html" target="-blank">
  624. <span class="iconfont icon-laba"></span>
  625. <cite>
  626. JavaScript
  627. </cite>
  628. <em>
  629. JavaScript
  630. </em>
  631. </a>
  632. </li>
  633. <li >
  634. <a href="/dic/category/3.html" target="-blank">
  635. <span class="iconfont icon-laba"></span>
  636. <cite>
  637. 服务端
  638. </cite>
  639. <em>
  640. 服务端
  641. </em>
  642. </a>
  643. </li>
  644. <li >
  645. <a href="/dic/category/4.html" target="-blank">
  646. <span class="iconfont icon-laba"></span>
  647. <cite>
  648. 数据库
  649. </cite>
  650. <em>
  651. 数据库
  652. </em>
  653. </a>
  654. </li>
  655. <li >
  656. <a href="/dic/category/5.html" target="-blank">
  657. <span class="iconfont icon-laba"></span>
  658. <cite>
  659. 移动端
  660. </cite>
  661. <em>
  662. 移动端
  663. </em>
  664. </a>
  665. </li>
  666. <li >
  667. <a href="/dic/category/6.html" target="-blank">
  668. <span class="iconfont icon-laba"></span>
  669. <cite>
  670. XML
  671. </cite>
  672. <em>
  673. XML
  674. </em>
  675. </a>
  676. </li>
  677. <li >
  678. <a href="/dic/category/7.html" target="-blank">
  679. <span class="iconfont icon-laba"></span>
  680. <cite>
  681. ASP.NET
  682. </cite>
  683. <em>
  684. ASP.NET
  685. </em>
  686. </a>
  687. </li>
  688. <li >
  689. <a href="/dic/category/8.html" target="-blank">
  690. <span class="iconfont icon-laba"></span>
  691. <cite>
  692. Web Services
  693. </cite>
  694. <em>
  695. Web Services
  696. </em>
  697. </a>
  698. </li>
  699. <li >
  700. <a href="/dic/category/9.html" target="-blank">
  701. <span class="iconfont icon-laba"></span>
  702. <cite>
  703. 开发工具
  704. </cite>
  705. <em>
  706. 开发工具
  707. </em>
  708. </a>
  709. </li>
  710. <li >
  711. <a href="/dic/category/10.html" target="-blank">
  712. <span class="iconfont icon-laba"></span>
  713. <cite>
  714. 网站建设
  715. </cite>
  716. <em>
  717. 网站建设
  718. </em>
  719. </a>
  720. </li>
  721. </ul>
  722. </div>
  723. </div>
  724. <div class="row-5-2">
  725. <div class="row-5-2t">
  726. <div class="item">词典查询</div>
  727. <div class="item">全部词典</div>
  728. <div class="item">最新更新</div>
  729. </div>
  730. <div class="row-5-2c">
  731. <div class="item"><h1>编程词典</h1></div>
  732. <div class="item">服务码农的在线技术手册</div>
  733. <div class="item">
  734. <span class="iconfont icon-sousuo"></span>
  735. <input type="text" name="cdss" value="请输入查询内容">
  736. <button>搜索</button>
  737. </div>
  738. <div class="item">
  739. <div class="item-r">热门搜索:</div>
  740. <div class="item-m">
  741. <div class="ss">PHP</div>
  742. <div class="ss">MYSQL</div>
  743. <div class="ss">Jquery</div>
  744. <div class="ss">HTML</div>
  745. <div class="ss">CSS</div>
  746. </div>
  747. </div>
  748. <div class="item">
  749. <div class="item-r">历史搜索:</div>
  750. <div class="item-m">
  751. <div class="xx">border-radius:150px;</div>
  752. </div>
  753. </div>
  754. </div>
  755. </div>
  756. </div>
  757. <div class="row-6">
  758. <div class="row-6-t"><span class="iconfont icon-ai-code"></span>php入门精品课程<span class="iconfont icon-ai-code"></span></div>
  759. <div class="row-6-c">
  760. <div class="item"></div>
  761. <div class="item">
  762. <img src="https://img.php.cn/upload/course/000/000/001/5b63c72c61569244.png">
  763. <div class="item desc">
  764. <a href=""><span>初级</span>编程学习方法分享直播公益课</a>
  765. <span>1W+次播放</span>
  766. </div>
  767. </div>
  768. <div class="item">
  769. <img src="https://img.php.cn/upload/course/000/126/153/5aa23f0ded921649.jpg">
  770. <div class="item desc">
  771. <a href=""><span>初级</span>2018前端入门_HTML5</a>
  772. <span>18W+次播放</span>
  773. </div>
  774. </div>
  775. <div class="item">
  776. <img src="https://img.php.cn/upload/course/000/126/153/5ab346fc62ce4221.jpg">
  777. <div class="item desc">
  778. <a href=""><span>初级</span>CSS视频教程-玉女心经版</a>
  779. <span>10W+次播放</span>
  780. </div>
  781. </div>
  782. <div class="item">
  783. <img src="https://img.php.cn/upload/course/000/126/153/5acc118f11d6b969.jpg">
  784. <div class="item desc">
  785. <a href=""><span>初级</span>JavaScript极速入门_玉女心经系列</a>
  786. <span>1W+次播放</span>
  787. </div>
  788. </div>
  789. <div class="item">
  790. <img src="https://img.php.cn/upload/course/000/000/001/5d1c6e0d2b744633.jpg">
  791. <div class="item desc">
  792. <a href=""><span>初级</span>独孤九贱(6)_jQuery视频教程</a>
  793. <span>1W+次播放</span>
  794. </div>
  795. </div>
  796. <div class="item">
  797. <img src="https://img.php.cn/upload/course/000/001/120/5a9fb97057b15707.jpeg">
  798. <div class="item desc">
  799. <a href=""><span>初级</span>30分钟学会网站布局</a>
  800. <span>1W+次播放</span>
  801. </div>
  802. </div>
  803. <div class="item">
  804. <img src="https://img.php.cn/upload/course/000/000/001/5d24289c99b05106.jpg">
  805. <div class="item desc">
  806. <a href=""><span>初级</span>[公益直播]Web前端开发极速入门</a>
  807. <span>1W+次播放</span>
  808. </div>
  809. </div>
  810. <div class="item">
  811. <img src="https://img.php.cn/upload/course/000/000/003/5a699f1b2da2b398.jpg">
  812. <div class="item desc">
  813. <a href=""><span>初级</span>phpStudy极速入门视频教程</a>
  814. <span>1W+次播放</span>
  815. </div>
  816. </div>
  817. <div class="item">
  818. <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg">
  819. <div class="item desc">
  820. <a href=""><span>初级</span>独孤九贱(4)_PHP视频教程</a>
  821. <span>1W+次播放</span>
  822. </div>
  823. </div>
  824. <div class="item">
  825. <img src="https://img.php.cn/upload/course/000/000/003/5a13c87351613730.jpg">
  826. <div class="item desc">
  827. <a href=""><span>初级</span>php完全自学手册</a>
  828. <span>1W+次播放</span>
  829. </div>
  830. </div>
  831. <div class="item">
  832. <img src="https://img.php.cn/upload/course/000/000/015/5d27f2e217a11252.jpg">
  833. <div class="item desc">
  834. <a href=""><span>初级</span>MySQL权威开发指南(教程)</a>
  835. <span>1W+次播放</span>
  836. </div>
  837. </div>
  838. <div class="item">
  839. <img src="https://img.php.cn/upload/course/000/000/035/5d27fb58823dc974.jpg">
  840. <div class="item desc">
  841. <a href=""><span>初级</span>[公益直播]PHP实战开发极速入门</a>
  842. <span>1W+次播放</span>
  843. </div>
  844. </div>
  845. <div class="item">
  846. <img src="https://img.php.cn/upload/course/000/000/001/5cecd27a4348b582.jpg">
  847. <div class="item desc">
  848. <a href=""><span>初级</span>ThinkPHP6.0极速入门(视频教程)</a>
  849. <span>1W+次播放</span>
  850. </div>
  851. </div>
  852. </div>
  853. </div>
  854. <div class="row-7"></div>
  855. <div class="row-6">
  856. <div class="row-6-t"><span class="iconfont icon-ai-code"></span>php进阶学习路径<span class="iconfont icon-ai-code"></span></div>
  857. <div class="row-6-c">
  858. <div class="item"></div>
  859. <div class="item">
  860. <img src="https://www.php.cn/static/images/index_learn_middel.jpg">
  861. <div class="item desc">
  862. <a href=""><span>初级</span>编程学习方法分享直播公益课</a>
  863. <span>1W+次播放</span>
  864. </div>
  865. </div>
  866. <div class="item">
  867. <img src="https://img.php.cn/upload/course/000/000/001/5d22b615e56bf130.jpg">
  868. <div class="item desc">
  869. <a href=""><span>初级</span>CI框架30分钟极速入门</a>
  870. <span>18W+次播放</span>
  871. </div>
  872. </div>
  873. <div class="item">
  874. <img src="https://img.php.cn/upload/course/000/126/153/5ab346fc62ce4221.jpg">
  875. <div class="item desc">
  876. <a href=""><span>初级</span>CSS视频教程-玉女心经版</a>
  877. <span>10W+次播放</span>
  878. </div>
  879. </div>
  880. <div class="item">
  881. <img src="https://img.php.cn/upload/course/000/126/153/5acc118f11d6b969.jpg">
  882. <div class="item desc">
  883. <a href=""><span>初级</span>JavaScript极速入门_玉女心经系列</a>
  884. <span>1W+次播放</span>
  885. </div>
  886. </div>
  887. <div class="item">
  888. <img src="https://img.php.cn/upload/course/000/000/001/5d1c6e0d2b744633.jpg">
  889. <div class="item desc">
  890. <a href=""><span>初级</span>独孤九贱(6)_jQuery视频教程</a>
  891. <span>1W+次播放</span>
  892. </div>
  893. </div>
  894. <div class="item">
  895. <img src="https://img.php.cn/upload/course/000/001/120/5a9fb97057b15707.jpeg">
  896. <div class="item desc">
  897. <a href=""><span>初级</span>30分钟学会网站布局</a>
  898. <span>1W+次播放</span>
  899. </div>
  900. </div>
  901. <div class="item">
  902. <img src="https://img.php.cn/upload/course/000/000/001/5d24289c99b05106.jpg">
  903. <div class="item desc">
  904. <a href=""><span>初级</span>[公益直播]Web前端开发极速入门</a>
  905. <span>1W+次播放</span>
  906. </div>
  907. </div>
  908. <div class="item">
  909. <img src="https://img.php.cn/upload/course/000/000/003/5a699f1b2da2b398.jpg">
  910. <div class="item desc">
  911. <a href=""><span>初级</span>phpStudy极速入门视频教程</a>
  912. <span>1W+次播放</span>
  913. </div>
  914. </div>
  915. <div class="item">
  916. <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg">
  917. <div class="item desc">
  918. <a href=""><span>初级</span>独孤九贱(4)_PHP视频教程</a>
  919. <span>1W+次播放</span>
  920. </div>
  921. </div>
  922. <div class="item">
  923. <img src="https://img.php.cn/upload/course/000/000/003/5a13c87351613730.jpg">
  924. <div class="item desc">
  925. <a href=""><span>初级</span>php完全自学手册</a>
  926. <span>1W+次播放</span>
  927. </div>
  928. </div>
  929. <div class="item">
  930. <img src="https://img.php.cn/upload/course/000/000/015/5d27f2e217a11252.jpg">
  931. <div class="item desc">
  932. <a href=""><span>初级</span>MySQL权威开发指南(教程)</a>
  933. <span>1W+次播放</span>
  934. </div>
  935. </div>
  936. <div class="item">
  937. <img src="https://img.php.cn/upload/course/000/000/035/5d27fb58823dc974.jpg">
  938. <div class="item desc">
  939. <a href=""><span>初级</span>[公益直播]PHP实战开发极速入门</a>
  940. <span>1W+次播放</span>
  941. </div>
  942. </div>
  943. <div class="item">
  944. <img src="https://img.php.cn/upload/course/000/000/001/5cecd27a4348b582.jpg">
  945. <div class="item desc">
  946. <a href=""><span>初级</span>ThinkPHP6.0极速入门(视频教程)</a>
  947. <span>1W+次播放</span>
  948. </div>
  949. </div>
  950. </div>
  951. </div>
  952. <div class="row-8">
  953. <div class="row-8-l">
  954. <div class="row-8-lt">
  955. <div class="item">资源下载</div>
  956. <div class="item"><a href="">JS特效</a></div>
  957. <div class="item"><a href="">网站源码</a></div>
  958. <div class="item"><a href="">HTML5特效</a></div>
  959. <div class="item"><a href="">前端模板</a></div>
  960. <div class="item"><a href="">小程序源码</a></div>
  961. </div>
  962. <div class="row-8-lc">
  963. <div class="item">
  964. <div class="item-t">最新</div>
  965. <div class="item-c">
  966. <ul>
  967. <li>
  968. <a href="/xiazai/js/6098" target="_blank">
  969. jquery鼠标悬停横向时间轴特效
  970. </a>
  971. </li>
  972. <li>
  973. <a href="/xiazai/js/6097" target="_blank">
  974. jQuery动态的文字跳动代码
  975. </a>
  976. </li>
  977. <li>
  978. <a href="/xiazai/js/6096" target="_blank">
  979. 公司网站发展时间轴特效
  980. </a>
  981. </li>
  982. <li>
  983. <a href="/xiazai/js/6095" target="_blank">
  984. jQuery仿空间留言时间轴特效
  985. </a>
  986. </li>
  987. <li>
  988. <a href="/xiazai/js/6094" target="_blank">
  989. vue.js响应式时间轴特效
  990. </a>
  991. </li>
  992. <li>
  993. <a href="/xiazai/js/6093" target="_blank">
  994. jQuery图翼网侧边带二维码的返回顶部代码
  995. </a>
  996. </li>
  997. </ul>
  998. </div>
  999. </div>
  1000. <div class="item">
  1001. <div class="item-t">最热</div>
  1002. <div class="item-c">
  1003. <ul >
  1004. <li>
  1005. <a href="/xiazai/js/373" target="_blank">
  1006. jQuery+Html5实现唯美表白动画代码
  1007. </a>
  1008. </li>
  1009. <li>
  1010. <a href="/xiazai/js/1808" target="_blank">
  1011. CSS的商城网站常用左侧分类下拉导航菜单代码
  1012. </a>
  1013. </li>
  1014. <li>
  1015. <a href="/xiazai/js/1831" target="_blank">
  1016. CSS文字组合成心形动画特效
  1017. </a>
  1018. </li>
  1019. <li>
  1020. <a href="/xiazai/js/376" target="_blank">
  1021. 碉堡的html5粒子动画表白特效
  1022. </a>
  1023. </li>
  1024. <li>
  1025. <a href="/xiazai/js/354" target="_blank">
  1026. 情侣浪漫表白js特效代码
  1027. </a>
  1028. </li>
  1029. <li>
  1030. <a href="/xiazai/js/374" target="_blank">
  1031. 简单js恋爱表白神器
  1032. </a>
  1033. </li>
  1034. </ul>
  1035. </div>
  1036. </div>
  1037. </div>
  1038. <div class="row-8-lf">
  1039. <div class="item">
  1040. <a href="">
  1041. <img src="https://img.php.cn/upload/jscode/000/287/557/5ecc7285ccb48957.png">
  1042. <span>jQuery返回顶部插件弹性动画</span> </a>
  1043. </div>
  1044. <div class="item">
  1045. <a href="">
  1046. <img src="https://img.php.cn/upload/jscode/000/287/557/5ecb22cbc2110969.jpg">
  1047. <span>仿QQ音乐A标签锚点功能设置返回顶部和返回底部</span> </a>
  1048. </div>
  1049. <div class="item">
  1050. <a href="">
  1051. <img src="https://img.php.cn/upload/jscode/000/287/557/5ec87a9450dca443.jpg">
  1052. <span>jquery css3带微信二维码返回顶部代码</span> </a>
  1053. </div>
  1054. <div class="item">
  1055. <a href="">
  1056. <img src="https://img.php.cn/upload/jscode/000/000/164/5eb269f3cde06364.png">
  1057. <span>闪烁的霓虹灯文字设计404页面</span> </a>
  1058. </div>
  1059. </div>
  1060. </div>
  1061. <div class="row-8-r">
  1062. <div class="row-8-r1">推荐资源<span>更多</span></div>
  1063. <div class="row-8-r2">
  1064. <div class="item">
  1065. <a href="">
  1066. <img src="https://img.php.cn/upload/jscode/000/287/557/5ecb22cbc2110969.jpg">
  1067. <span>仿QQ音乐A标签锚点功能设置返回顶部和返回底部</span></a>
  1068. </div>
  1069. <div class="item">
  1070. <a href="">
  1071. <img src="https://img.php.cn/upload/jscode/000/000/001/58d729abc8a09680.jpg">
  1072. <span>发展简史jQuery时间轴特效代码</span></a>
  1073. </div>
  1074. <div class="item">
  1075. <a href="">
  1076. <img src="https://img.php.cn/upload/jscode/000/465/014/5eccd0291f73e329.jpg">
  1077. <span>jQuery产品发布更新时间轴特效</span></a>
  1078. </div>
  1079. <div class="item">
  1080. <a href="">
  1081. <img src="https://img.php.cn/upload/jscode/000/000/164/5ed6ffadf36a4432.png">
  1082. <span>仿太平洋网页固定层返回顶部代码效果</span> </a>
  1083. </div>
  1084. <div class="item">
  1085. <a href="">
  1086. <img src="https://img.php.cn/upload/jscode/000/000/001/58d4e519a99a6200.jpg">
  1087. <span>带平滑效果的js返回顶部特效</span></a>
  1088. </div>
  1089. <div class="item"> <a href="">
  1090. <img src="https://img.php.cn/upload/jscode/000/000/001/5ca4814f235d7454.jpg">
  1091. <span>jQuery右下角浮动层火箭动画返回顶部效果代码</span></a></div>
  1092. </div>
  1093. </div>
  1094. </div>
  1095. <div class="row-9">
  1096. <div class="row-9-l">
  1097. <div class="row-9-lt">
  1098. 手册大全
  1099. </div>
  1100. <div class="row-9-lc">
  1101. <ul >
  1102. <li> <span class="iconfont icon-ai-code"></span>
  1103. <a href="/course/list/1/type/99.html" target="_blank">
  1104. <cite>
  1105. HTML/CSS
  1106. </cite>
  1107. <em>
  1108. HTML/CSS
  1109. </em>
  1110. </a>
  1111. </li>
  1112. <li> <span class="iconfont icon-ai-code"></span>
  1113. <a href="/course/list/2/type/99.html" target="_blank">
  1114. <cite>
  1115. JavaScript
  1116. </cite>
  1117. <em>
  1118. JavaScript
  1119. </em>
  1120. </a>
  1121. </li>
  1122. <li> <span class="iconfont icon-ai-code"></span>
  1123. <a href="/course/list/3/type/99.html" target="_blank">
  1124. <cite>
  1125. 服务端
  1126. </cite>
  1127. <em>
  1128. 服务端
  1129. </em>
  1130. </a>
  1131. </li>
  1132. <li> <span class="iconfont icon-ai-code"></span>
  1133. <a href="/course/list/4/type/99.html" target="_blank">
  1134. <cite>
  1135. 数据库
  1136. </cite>
  1137. <em>
  1138. 数据库
  1139. </em>
  1140. </a>
  1141. </li>
  1142. <li> <span class="iconfont icon-ai-code"></span>
  1143. <a href="/course/list/5/type/99.html" target="_blank">
  1144. <cite>
  1145. 移动端
  1146. </cite>
  1147. <em>
  1148. 移动端
  1149. </em>
  1150. </a>
  1151. </li>
  1152. <li> <span class="iconfont icon-ai-code"></span>
  1153. <a href="/course/list/6/type/99.html" target="_blank">
  1154. <cite>
  1155. XML
  1156. </cite>
  1157. <em>
  1158. XML
  1159. </em>
  1160. </a>
  1161. </li>
  1162. <li> <span class="iconfont icon-ai-code"></span>
  1163. <a href="/course/list/7/type/99.html" target="_blank">
  1164. <cite>
  1165. ASP.NET
  1166. </cite>
  1167. <em>
  1168. ASP.NET
  1169. </em>
  1170. </a>
  1171. </li>
  1172. <li> <span class="iconfont icon-ai-code"></span>
  1173. <a href="/course/list/8/type/99.html" target="_blank">
  1174. <cite>
  1175. Web Services
  1176. </cite>
  1177. <em>
  1178. Web Services
  1179. </em>
  1180. </a>
  1181. </li>
  1182. <li> <span class="iconfont icon-ai-code"></span>
  1183. <a href="/course/list/9/type/99.html" target="_blank">
  1184. <cite>
  1185. 开发工具
  1186. </cite>
  1187. <em>
  1188. 开发工具
  1189. </em>
  1190. </a>
  1191. </li>
  1192. <li> <span class="iconfont icon-ai-code"></span>
  1193. <a href="/course/list/10/type/99.html" target="_blank">
  1194. <cite>
  1195. 网站建设
  1196. </cite>
  1197. <em>
  1198. 网站建设
  1199. </em>
  1200. </a>
  1201. </li>
  1202. </ul>
  1203. </div>
  1204. </div>
  1205. <div class="row-9-r">
  1206. <div class="row-9-rt">
  1207. <div class="item"><a href="">学习手册</a></div>
  1208. <div class="item">最新更新</div>
  1209. </div>
  1210. <div class="row-9-rc">
  1211. <div class="item">
  1212. <a target="_blank" href="/xiazai/coll/11">
  1213. <h2>
  1214. 【C语言参考手册大全】
  1215. </h2>
  1216. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af9587242ca7417.png"
  1217. src="https://img.php.cn/upload/manual/000/000/001/5af9587242ca7417.png"
  1218. style="display: block;">
  1219. <strong>
  1220. php中文网《C语言参考手册大...
  1221. </strong>
  1222. </a>
  1223. </div>
  1224. <div class="item">
  1225. <a target="_blank" href="/xiazai/coll/2">
  1226. <h2>
  1227. 【jQuery手册大全】
  1228. </h2>
  1229. <img data-original="https://img.php.cn/upload/article/000/000/003/5aed7883e4c14591.png"
  1230. src="https://img.php.cn/upload/article/000/000/003/5aed7883e4c14591.png"
  1231. style="display: block;">
  1232. <strong>
  1233. php中文网《jQuery手册...
  1234. </strong>
  1235. </a>
  1236. </div>
  1237. <div class="item">
  1238. <a target="_blank" href="/xiazai/coll/3">
  1239. <h2>
  1240. 【CSS 参考手册大全】
  1241. </h2>
  1242. <img data-original="https://img.php.cn/upload/article/000/000/003/5aed789d3a7c5463.png"
  1243. src="https://img.php.cn/upload/article/000/000/003/5aed789d3a7c5463.png"
  1244. style="display: block;">
  1245. <strong>
  1246. php中文网《CSS 参考手册...
  1247. </strong>
  1248. </a>
  1249. </div>
  1250. <div class="item">
  1251. <a target="_blank" href="/xiazai/coll/4">
  1252. <h2>
  1253. 【HTML 参考手册大全】
  1254. </h2>
  1255. <img data-original="https://img.php.cn/upload/article/000/000/003/5aed78bbb784e641.png"
  1256. src="https://img.php.cn/upload/article/000/000/003/5aed78bbb784e641.png"
  1257. style="display: block;">
  1258. <strong>
  1259. php中文网《HTML 参考手...
  1260. </strong>
  1261. </a>
  1262. </div>
  1263. <div class="item"><a target="_blank" href="/xiazai/coll/5">
  1264. <h2>
  1265. 【Linux手册大全】
  1266. </h2>
  1267. <img data-original="https://img.php.cn/upload/article/000/000/003/5aed78cbab833218.png"
  1268. src="https://img.php.cn/upload/article/000/000/003/5aed78cbab833218.png"
  1269. style="display: block;">
  1270. <strong>
  1271. php中文网《Linux手册大...
  1272. </strong>
  1273. </a></div>
  1274. <div class="item"><a target="_blank" href="/xiazai/coll/6">
  1275. <h2>
  1276. 【MySQL参考手册大全】
  1277. </h2>
  1278. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af142e4b8260953.png"
  1279. src="https://img.php.cn/upload/manual/000/000/001/5af142e4b8260953.png"
  1280. style="display: block;">
  1281. <strong>
  1282. php中文网《MySQL参考手...
  1283. </strong>
  1284. </a></div>
  1285. <div class="item">
  1286. <a target="_blank" href="/xiazai/coll/7">
  1287. <h2>
  1288. 【TP参考手册大全】
  1289. </h2>
  1290. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af142da51b0a778.png"
  1291. src="https://img.php.cn/upload/manual/000/000/001/5af142da51b0a778.png"
  1292. style="display: block;">
  1293. <strong>
  1294. php中文网《TP参考手册大全...
  1295. </strong>
  1296. </a>
  1297. </div>
  1298. <div class="item">
  1299. <a target="_blank" href="/xiazai/coll/8">
  1300. <h2>
  1301. 【CI参考手册大全】
  1302. </h2>
  1303. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af142c72b9b0373.png"
  1304. src="https://img.php.cn/upload/manual/000/000/001/5af142c72b9b0373.png"
  1305. style="display: block;">
  1306. <strong>
  1307. php中文网《CI参考手册大全...
  1308. </strong>
  1309. </a>
  1310. </div>
  1311. <div class="item">
  1312. <a target="_blank" href="/xiazai/coll/9">
  1313. <h2>
  1314. 【DedeCMS手册大全】
  1315. </h2>
  1316. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af167ca0523e239.png"
  1317. src="https://img.php.cn/upload/manual/000/000/001/5af167ca0523e239.png"
  1318. style="display: block;">
  1319. <strong>
  1320. php中文网《DedeCMS手...
  1321. </strong>
  1322. </a>
  1323. </div>
  1324. <div class="item">
  1325. <a target="_blank" href="/xiazai/coll/10">
  1326. <h2>
  1327. 【Python参考手册大全】
  1328. </h2>
  1329. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af95863a8141322.png"
  1330. src="https://img.php.cn/upload/manual/000/000/001/5af95863a8141322.png"
  1331. style="display: block;">
  1332. <strong>
  1333. php中文网《Python参考...
  1334. </strong>
  1335. </a>
  1336. </div>
  1337. <div class="item">
  1338. <a target="_blank" href="/xiazai/coll/11">
  1339. <h2>
  1340. 【C语言参考手册大全】
  1341. </h2>
  1342. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af9587242ca7417.png"
  1343. src="https://img.php.cn/upload/manual/000/000/001/5af9587242ca7417.png"
  1344. style="display: block;">
  1345. <strong>
  1346. php中文网《C语言参考手册大...
  1347. </strong>
  1348. </a>
  1349. </div>
  1350. <div class="item">
  1351. <a target="_blank" href="/xiazai/coll/12">
  1352. <h2>
  1353. 【ASP参考手册大全】
  1354. </h2>
  1355. <img data-original="https://img.php.cn/upload/manual/000/000/001/5af9587b02db1548.png"
  1356. src="https://img.php.cn/upload/manual/000/000/001/5af9587b02db1548.png"
  1357. style="display: block;">
  1358. <strong>
  1359. php中文网《ASP参考手册大...
  1360. </strong>
  1361. </a>
  1362. </div>
  1363. </div>
  1364. </div>
  1365. </div>
  1366. <div class="row-10">
  1367. <div class="row-10t">友情链接(QQ:88526)</div>
  1368. <div class="row-10f">
  1369. <ul>
  1370. <li>
  1371. <a href="/k.html" target="_blank">
  1372. php培训
  1373. </a>
  1374. </li>
  1375. <li>
  1376. <a href="/xiazai/js" target="_blank">
  1377. js特效下载
  1378. </a>
  1379. </li>
  1380. <li>
  1381. <a href="/course/27.html" target="_blank">
  1382. html手册
  1383. </a>
  1384. </li>
  1385. <li>
  1386. <a href="/course/list/51.html" target="_blank">
  1387. mysql教程
  1388. </a>
  1389. </li>
  1390. <li>
  1391. <a href="https://www.html.cn/" target="_blank">
  1392. 前端
  1393. </a>
  1394. </li>
  1395. <li>
  1396. <a href="https://www.py.cn/" target="_blank">
  1397. python学习网站
  1398. </a>
  1399. </li>
  1400. <li>
  1401. <a href="https://chuanke.baidu.com/" target="_blank">
  1402. 百度传课
  1403. </a>
  1404. </li>
  1405. <li>
  1406. <a href="http://www.admin5.com/" target="_blank">
  1407. A5站长网
  1408. </a>
  1409. </li>
  1410. <li>
  1411. <a href="http://www.a5.net/" target="_blank">
  1412. a5交易
  1413. </a>
  1414. </li>
  1415. <li>
  1416. <a href="http://www.zuidaima.com/" target="_blank">
  1417. java源代码学习
  1418. </a>
  1419. </li>
  1420. <li>
  1421. <a href="http://www.91ud.com/" target="_blank">
  1422. 微信小程序
  1423. </a>
  1424. </li>
  1425. <li>
  1426. <a href="https://www.linuxprobe.com/" target="_blank">
  1427. linux教程
  1428. </a>
  1429. </li>
  1430. <li>
  1431. <a href="http://www.wwei.cn/" target="_blank">
  1432. 二维码生成器
  1433. </a>
  1434. </li>
  1435. <li>
  1436. <a href="http://www.h-ui.net/" target="_blank">
  1437. H-ui前端框架
  1438. </a>
  1439. </li>
  1440. <li>
  1441. <a href="https://www.lanrenzhijia.com/" target="_blank">
  1442. 在线客服
  1443. </a>
  1444. </li>
  1445. <li>
  1446. <a href="http://www.cnplugins.com/" target="_blank">
  1447. chrome插件
  1448. </a>
  1449. </li>
  1450. <li>
  1451. <a href="http://www.hqwx.com/" target="_blank">
  1452. 环球网校
  1453. </a>
  1454. </li>
  1455. <li>
  1456. <a href="http://www.51test.net/" target="_blank">
  1457. 无忧考网
  1458. </a>
  1459. </li>
  1460. <li>
  1461. <a href="http://www.jb51.net/" target="_blank">
  1462. 脚本之家
  1463. </a>
  1464. </li>
  1465. <li>
  1466. <a href="https://www.sojson.com/" target="_blank">
  1467. JSON
  1468. </a>
  1469. </li>
  1470. <li>
  1471. <a href="https://www.17sucai.com/" target="_blank">
  1472. 网页模板
  1473. </a>
  1474. </li>
  1475. <li>
  1476. <a href="http://www.officezhushou.com/" target="_blank">
  1477. office教程
  1478. </a>
  1479. </li>
  1480. <li>
  1481. <a href="https://www.huabaike.com/" target="_blank">
  1482. 花百科
  1483. </a>
  1484. </li>
  1485. <li>
  1486. <a href="http://www.mfcad.com/" target="_blank">
  1487. 沐风网
  1488. </a>
  1489. </li>
  1490. <li>
  1491. <a href="http://www.alexa.cn/" target="_blank">
  1492. 网站排名查询
  1493. </a>
  1494. </li>
  1495. <li>
  1496. <a href="http://c.biancheng.net/" target="_blank">
  1497. C语言
  1498. </a>
  1499. </li>
  1500. <li>
  1501. <a href="https://www.ppt20.com/" target="_blank">
  1502. 变色龙PPT
  1503. </a>
  1504. </li>
  1505. <li>
  1506. <a href="http://www.cssmoban.com/" target="_blank">
  1507. 网站模板
  1508. </a>
  1509. </li>
  1510. <li>
  1511. <a href="https://www.west.cn/" target="_blank">
  1512. 云服务器
  1513. </a>
  1514. </li>
  1515. <li>
  1516. <a href="https://huke88.com/" target="_blank">
  1517. PS教程
  1518. </a>
  1519. </li>
  1520. <li>
  1521. <a href="https://www.photophoto.cn" target="_blank">
  1522. 图行天下
  1523. </a>
  1524. </li>
  1525. <li>
  1526. <a href="http://www.yundu.com/" target="_blank">
  1527. 云都网络
  1528. </a>
  1529. </li>
  1530. <li>
  1531. <a href="http://www.ce8.com/" target="_blank">
  1532. 测吧网
  1533. </a>
  1534. </li>
  1535. <li>
  1536. <a href="https://www.qcc.com/" target="_blank">
  1537. 企查查
  1538. </a>
  1539. </li>
  1540. </ul>
  1541. </div>
  1542. </div>
  1543. </div>
  • 图片示例


批改老师:GuanhuiGuanhui

批改状态:合格

老师批语:很不错!
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学