button.css 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446
  1. html
  2. {
  3. width:100%;
  4. height:100%;
  5. }
  6. body
  7. {
  8. background-color:#fff;
  9. font-size:18px;
  10. font-family:"Arial","Tahoma","΢ÈíÑźÚ","ÑźÚ";
  11. line-height:18px;
  12. padding:0px;
  13. margin:0px;
  14. text-align:center;
  15. }
  16. div
  17. {
  18. padding:18px;
  19. }
  20. img
  21. {
  22. border:0px;
  23. vertical-align:middle;
  24. padding:0px;
  25. margin:0px;
  26. }
  27. input,button
  28. {
  29. font-family:"Arial","Tahoma","΢ÈíÑźÚ","ÑźÚ";
  30. border:0px;
  31. vertical-align:middle;
  32. margin:8px;
  33. line-height:18px;
  34. font-size:18px;
  35. }
  36. /* download by http://www.websjy.com */
  37. .pbtn1
  38. {
  39. border:solid 2px #dcdcdc;
  40. padding:4px 14px 4px 34px;
  41. color:#959595;
  42. }
  43. .btn1
  44. {
  45. background:url("/resource/images/button/ok.gif") no-repeat 8px center;
  46. background-color:#f9f9f9;
  47. }
  48. .btn2
  49. {
  50. background:url("/resource/images/button/delete.gif") no-repeat 8px center;
  51. background-color:#f9f9f9;
  52. }
  53. .btn3
  54. {
  55. background:url("/resource/images/button/reset.gif") no-repeat 8px center;
  56. background-color:#f9f9f9;
  57. }
  58. .btn4
  59. {
  60. width:180px;
  61. height:37px;
  62. font-size:14px;
  63. line-height:14px;
  64. background:url("/resource/images/button/bg1.jpg") no-repeat left top;
  65. color:#959595;
  66. padding-bottom:2px;
  67. }
  68. .btn5
  69. {
  70. width:145px;
  71. height:34px;
  72. line-height:22px;
  73. font-size:22px;
  74. background:url("/resource/images/button/bg2.jpg") no-repeat left top;
  75. color:#959595;
  76. padding-bottom:4px;
  77. }
  78. .btn6
  79. {
  80. width:143px;
  81. height:35px;
  82. line-height:14px;
  83. font-size:14px;
  84. background:url("/resource/images/button/bg3.jpg") no-repeat left top;
  85. color:#959595;
  86. padding:0px 0px 2px 14px;
  87. }
  88. .pbtn2
  89. {
  90. width:145px;
  91. height:37px;
  92. background:url("/resource/images/button/bg7.jpg") no-repeat left top;
  93. text-indent:0px;
  94. padding-bottom:4px;
  95. }
  96. .btn8
  97. {
  98. background-position:left -37px;
  99. }
  100. .btn9
  101. {
  102. background-position:left -74px;
  103. }
  104. .btn10
  105. {
  106. width:143px;
  107. height:40px;
  108. background:url("/resource/images/button/bg10.jpg") no-repeat left top;
  109. color:#FFF;
  110. }
  111. .btn11
  112. {
  113. width:143px;
  114. height:40px;
  115. background:url("/resource/images/button/bg11.jpg") no-repeat left top;
  116. color:#FFF;
  117. }
  118. .btn12
  119. {
  120. width:143px;
  121. height:40px;
  122. background:url("/resource/images/button/bg12.jpg") no-repeat left top;
  123. color:#FFF;
  124. }
  125. .pbtn3
  126. {
  127. width:145px;
  128. height:40px;
  129. background:url("/resource/images/button/bg13.jpg") no-repeat left top;
  130. text-indent:0px;
  131. padding-bottom:4px;
  132. color:#FFF;
  133. }
  134. .btn14
  135. {
  136. background-position:left -40px;
  137. }
  138. .btn15
  139. {
  140. background-position:left -80px;
  141. }
  142. .btn16
  143. {
  144. width:145px;
  145. height:37px;
  146. background:url("/resource/images/button/bg16.jpg") no-repeat left top;
  147. color:#FFF;
  148. }
  149. .btn17
  150. {
  151. width:145px;
  152. height:50px;
  153. background:url("/resource/images/button/bg17.jpg") no-repeat left top;
  154. color:#FFF;
  155. }
  156. .btn18
  157. {
  158. width:151px;
  159. height:43px;
  160. background:url("/resource/images/button/bg18.jpg") no-repeat left top;
  161. }
  162. .btn19
  163. {
  164. width:138px;
  165. height:36px;
  166. background:url("/resource/images/button/bg19.jpg") no-repeat left top;
  167. }
  168. .btn20
  169. {
  170. width:145px;
  171. height:37px;
  172. background:url("/resource/images/button/bg20.jpg") no-repeat left top;
  173. }
  174. .btn21
  175. {
  176. width:135px;
  177. height:40px;
  178. background:url("/resource/images/button/bg21.jpg") no-repeat left top;
  179. }
  180. .btn22
  181. {
  182. width:221px;
  183. height:42px;
  184. color:#666;
  185. background:url("/resource/images/button/bg22.jpg") no-repeat left top;
  186. padding-left:18px;
  187. }
  188. .btn23
  189. {
  190. width:223px;
  191. height:45px;
  192. background:url("/resource/images/button/bg23.jpg") no-repeat left top;
  193. color:#666;
  194. padding-left:18px;
  195. }
  196. div.d2
  197. {
  198. background-color:#f5f5f5;
  199. }
  200. .btn24
  201. {
  202. width:217px;
  203. height:50px;
  204. line-height:24px;
  205. font-size:24px;
  206. background:url("/resource/images/button/bg24.jpg") no-repeat left top;
  207. color:#FFF;
  208. padding-left:24px;
  209. }
  210. .btn25
  211. {
  212. width:200px;
  213. height:49px;
  214. line-height:24px;
  215. font-size:24px;
  216. background:url("/resource/images/button/bg25.jpg") no-repeat left top;
  217. color:#FFF;
  218. padding-left:24px;
  219. }
  220. .btn26
  221. {
  222. width:140px;
  223. height:36px;
  224. line-height:18px;
  225. font-size:18px;
  226. background:url("/resource/images/button/bg26.jpg") no-repeat left top;
  227. color:#FFF;
  228. padding-bottom:4px;
  229. }
  230. .btn27
  231. {
  232. width:144px;
  233. height:39px;
  234. line-height:18px;
  235. font-size:18px;
  236. background:url("/resource/images/button/bg27.jpg") no-repeat left top;
  237. color:#FFF;
  238. padding-left:14px;
  239. }
  240. .btn28
  241. {
  242. width:145px;
  243. height:40px;
  244. line-height:18px;
  245. font-size:18px;
  246. background:url("/resource/images/button/bg28.jpg") no-repeat left top;
  247. color:#FFF;
  248. padding:0px 0px 2px 16px;
  249. }
  250. .btn29
  251. {
  252. width:143px;
  253. height:43px;
  254. line-height:18px;
  255. font-size:18px;
  256. background:url("/resource/images/button/bg29.jpg") no-repeat left top;
  257. color:#FFF;
  258. }
  259. .btn30
  260. {
  261. width:144px;
  262. height:42px;
  263. line-height:18px;
  264. font-size:18px;
  265. color:#ff6000;
  266. background:url("/resource/images/button/bg30.jpg") no-repeat left top;
  267. padding-bottom:4px;
  268. }
  269. .btn31
  270. {
  271. width:150px;
  272. height:42px;
  273. line-height:18px;
  274. font-size:18px;
  275. color:#fff;
  276. padding-left:16px;
  277. background:url("/resource/images/button/bg31.jpg") no-repeat left top;
  278. padding-bottom:4px;
  279. }
  280. .btn32
  281. {
  282. width:211px;
  283. height:49px;
  284. line-height:24px;
  285. font-size:24px;
  286. color:#999;
  287. background:url("/resource/images/button/bg32.jpg") no-repeat left top;
  288. padding:0px 22px 2px 0px;
  289. }
  290. .btn33
  291. {
  292. width:211px;
  293. height:49px;
  294. line-height:24px;
  295. font-size:24px;
  296. color:#767676;
  297. background:url("/resource/images/button/bg33.jpg") no-repeat left top;
  298. padding:0px 22px 2px 0px;
  299. }
  300. .btn34
  301. {
  302. width:139px;
  303. height:40px;
  304. line-height:18px;
  305. font-size:18px;
  306. color:#955686;
  307. background:url("/resource/images/button/bg34.jpg") no-repeat left top;
  308. padding-bottom:4px;
  309. }
  310. .btn35
  311. {
  312. width:142px;
  313. height:40px;
  314. line-height:18px;
  315. font-size:18px;
  316. color:#fff;
  317. background:url("/resource/images/button/bg35.jpg") no-repeat left top;
  318. padding-bottom:4px;
  319. }
  320. .btn36
  321. {
  322. width:151px;
  323. height:38px;
  324. line-height:18px;
  325. font-size:18px;
  326. color:#fff;
  327. background:url("/resource/images/button/bg36.jpg") no-repeat left top;
  328. padding-bottom:4px;
  329. }
  330. div.d3
  331. {
  332. background-color:#000;
  333. }
  334. .btn37
  335. {
  336. color:#FFF;
  337. border-top:solid 1px #b766e5;
  338. border-left:solid 1px #b766e5;
  339. border-bottom:solid 1px #4b1561;
  340. border-right:solid 1px #4b1561;
  341. background:url("/resource/images/button/bg37.jpg") repeat-x left top;
  342. }
  343. .btn38
  344. {
  345. width:188px;
  346. height:74px;
  347. color:#FFF;
  348. background:url("/resource/images/button/bg38.jpg") no-repeat left top;
  349. padding-bottom:2px;
  350. }
  351. .btn39
  352. {
  353. height:32px;
  354. background:url("/resource/images/button/bg39.jpg") repeat-x left top;
  355. color:#FFF;
  356. padding:0px 20px 0px 20px;
  357. }
  358. .btn40
  359. {
  360. width:216px;
  361. height:40px;
  362. background:url("/resource/images/button/bg40.jpg") repeat-x left top;
  363. padding-bottom:2px;
  364. color:#FFF;
  365. }
  366. .btn41
  367. {
  368. width:258px;
  369. height:57px;
  370. background:url("/resource/images/button/bg41.jpg") repeat-x left top;
  371. color:#FFF;
  372. }
  373. .btn42
  374. {
  375. width:208px;
  376. height:81px;
  377. background:url("/resource/images/button/bg42.jpg") repeat-x left top;
  378. color:#e9adf3;
  379. padding-bottom:36px;
  380. }
  381. .btn43
  382. {
  383. width:251px;
  384. height:79px;
  385. background:url("/resource/images/button/bg43.jpg") repeat-x left top;
  386. color:#fffea4;
  387. padding-bottom:36px;
  388. }
  389. .btn44
  390. {
  391. width:186px;
  392. height:73px;
  393. background:url("/resource/images/button/bg44.jpg") repeat-x left top;
  394. color:#fff;
  395. font-size:14px;
  396. line-height:14px;
  397. padding-top:4px;
  398. }
  399. .btn45
  400. {
  401. width:152px;
  402. height:75px;
  403. background:url("/resource/images/button/bg45.jpg") repeat-x left top;
  404. color:#ffafaf;
  405. padding-bottom:18px;
  406. padding-left:14px;
  407. }
  408. .btn46
  409. {
  410. width:155px;
  411. height:73px;
  412. background:url("/resource/images/button/bg46.jpg") repeat-x left top;
  413. color:#666;
  414. padding-bottom:18px;
  415. }
  416. .btn47
  417. {
  418. width:269px;
  419. height:78px;
  420. background:url("/resource/images/button/bg47.jpg") repeat-x left top;
  421. color:#097b96;
  422. padding-bottom:2px;
  423. }
  424. /* http://www.websjy.com */
  425. .btn48
  426. {
  427. width:233px;
  428. height:67px;
  429. background:url("/resource/images/button/bg48.jpg") repeat-x left top;
  430. color:#8bf8ff;
  431. padding-bottom:18px;
  432. }
  433. .btn49
  434. {
  435. width:244px;
  436. height:72px;
  437. background:url("/resource/images/button/bg49.jpg") repeat-x left top;
  438. color:#fff;
  439. }
  440. .btn50
  441. {
  442. width:226px;
  443. height:83px;
  444. background:url("/resource/images/button/bg50.jpg") repeat-x left top;
  445. color:#fff;
  446. }