免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 发帖

css 排版基本

<link  href="xdhycd_cnen.css" rel="stylesheet" type="text/css">

<div class="xhsj_title"><xhsj_topline><xhsj_hw>余烬</xhsj_hw><xhsj_py>[yú jìn]</xhsj_py></xhsj_topline></div>

<div class="xhsj_content"><xhsj_def><xhsj_ex><xhsj_no>1.</xhsj_no>燃烧后剩下的灰和没烧尽的东西<xhsj_enexp> ashes; embers:</xhsj_enexp></xhsj_ex><xhsj_egg><xhsj_eg><xhsj_cn>纸烟<xhsj_kw>余烬</xhsj_kw></xhsj_cn><xhsj_en> cigarette ash </xhsj_en></xhsj_eg></xhsj_egg></xhsj_def><xhsj_def><xhsj_ex><xhsj_no>2.</xhsj_no><xhsj_lbl>〈比喻<xhsj_enexp> fig.</xhsj_enexp>〉</xhsj_lbl>战乱后残存的东西<xhsj_enexp> ruins; wreckage:</xhsj_enexp></xhsj_ex><xhsj_egg><xhsj_eg><xhsj_cn>劫后<xhsj_kw>余烬</xhsj_kw></xhsj_cn><xhsj_en> ruins of a disaster</xhsj_en></xhsj_eg></xhsj_egg></xhsj_def></div>
  1. /*标题板块*/
  2. .xhsj_title{}/*词头板块:词头、拼音、异体词、短语*/
  3. .xhsj_content{margin-top:0.8em;margin-bottom:1em;}/*内容板块*/
  4. xhsj_topline{border-bottom:1.5px dotted darkgreen;padding-right:5px;padding-bottom:5px;}/*词头行*/
  5. xhsj_hw{font-weight:bold;font-size:1.5em}/*词头*/
  6. xhsj_py{;margin-left:0.5em}/*拼音*/
  7. xhsj_py1{}/*旧式拼音*/
  8. xhsj_shn{color:darkblue;font-weight:bold;vertical-align:baseline;position:relative;font-size:100%;top:-0.6em;}/*词头上标*/
  9. xhsj_otherhw{}/*异体字*/
  10. xhsj_phr{}/*短语*/
  11. .xhsj_hr{height:2px;border:none;border-top:2px solid #AAFF33;}
  12. .xhsj_hr2{display:none;text-align:left;width:60%;height:1px;border:none;border-top:1px solid #0066CC;}/*dashed*/
  13. xhsj_kw{text-decoration:underline;color:black}/*例子中的关键词,代字号(~)所代表的部分*/

  14. xhsj_enexp{color:#55EE44}/*英语释义*/

  15. /*有编号义项组*/
  16. xhsj_no{font-weight:bold;margin-right:0.2em;color:darkgreen;}/*义项编号*/
  17. xhsj_def{color:black}/*义项板块:解释+例子*/
  18. xhsj_ex{display:block;margin-left:1em;text-indent:-1em;color:blue;background-color:#F8F8FF;}/*解释*/
  19. /*xhsj_ex:first-letter{margin-left:-1em;}*/
  20. xhsj_egg{}/*众例子板块*/
  21. xhsj_eg{display:block;background-color:#FFFFF0;margin-left:2em;text-indent:-1.3em;}/*一条例子*/
  22. xhsj_eg:before {content: "⇒ "; color:#99BB99;position:relative;top:0em;line-height:1em;}
  23. xhsj_cn{color:darkgreen}/*汉语例子*/
  24. xhsj_en{margin-left:0.5em;color:#88aaaa}/*汉例英语翻译*/

  25. /*次编号义项组(a)(b)(c)...*/
  26. xhsj_sub{}/*次编号板块*/
  27. xhsj_sn{font-weight:bold;color:#558800}/*次义项编号(a)(b)(c)等*/
  28. xhsj_defs{color:black}/*义项板块:解释+例子*/
  29. xhsj_exs{display:block;margin-left:1.5em;text-indent:-1.2em;color:#003390;background-color:#FCFAFF;}/*次义项解释*/
  30. xhsj_eggs{}/*众例子板块*/
  31. xhsj_egs{display:block;background-color:#FFFFF0;margin-left:2.7em;text-indent:-1.3em;}/*一条例子*/
  32. xhsj_egs:before {content: "⇒ "; color:gray;position:relative;top:0em;line-height:1em;}
  33. xhsj_cns{color:darkgreen}/*汉语例子*/
  34. xhsj_ens{margin-left:0.5em;color:#88aaaa}/*汉例英语翻译*/

  35. /*无编号义项组*/
  36. xhsj_defn{color:black}/*义项板块:解释+例子*/
  37. xhsj_exn{display:block;color:blue;background-color:#F8F8FF}/*解释*/
  38. xhsj_eggn{}/*众例子板块*/
  39. xhsj_egn{display:block;background-color:#FFFFF0;margin-left:2em;text-indent:-1.3em;}/*一条例子*/
  40. xhsj_egn:before {content: "⇒ "; color:gray;position:relative;top:0em;line-height:1em;}
  41. xhsj_cnn{color:darkgreen}/*汉语例子*/
  42. xhsj_enn{margin-left:0.5em;color:#88aaaa}/*汉例英语翻译*/

  43. /*附加信息*/
  44. .xhsj_suppl{display:block;border:1px solid #008080;padding:0.5em;margin:0.5em;border-radius:6px;clear:both;}/*补义板块。margin是外部;padding是内部*/
  45. xhsj_suplbl{color:darkgreen;border-bottom:1.5px dotted darkgreen;padding-right:5px;padding-bottom:3px;}/*补义(标题)*/
  46. xhsj_supcon{display:block;margin-top:0.5em;}/*补义内容*/
  47. xhsj_ref{display:block;margin:0.5em;}/*另见*/
  48. xhsj_orig{display:block;margin:0.5em;}/*词源*/
  49. xhsj_also{display:block;margin:0.5em;}/*亦*/
  50. xhsj_more{display:block;margin:0.5em;}/*通称、简称等*/
  51. xhsj_nt{color:darkgreen}/*注意(标题)*/
  52. xhsj_ntcon{display:block;text-indent:0em;}/*注意(内容)*/
  53. xhsj_note{display:block;border:1px solid #008080;padding-left:0.5em;padding-right:0.5em;padding-top:0.3em;padding-bottom:0.3em;margin-left:1em;margin-right:1em;margin-bottom:1em;border-radius:6px;margin-top:0.5em;clear:both;}/*注意板块*/
  54. xhsj_lbl{color:darkred;}/*display:inline;color: black;}background:#F9FAFA;border-radius:16px}语言标签*/
  55. .xhsj_linkwords{word-wrap:normal;border:1px solid #008080;margin-left:0.5em;margin-right:0.5em;margin-top:0em;margin-bottom:0em;padding:0.5em;border-radius:6px;clear:both;}/*相关词组模块*/
  56. .xhsj_hrlinkwords{text-align:left;width:50%;height:2px;border:none;border-top:1px dotted #77aa33;}/*非首词与首词分割线*/
  57. xhsj_linkwds{display:block;color:red;margin-top:0.7em;word-wrap:keep-all;word-break:keep-all;}/*相关词组部分*/
  58. xhsj_linkwds{line-height:200%;word-wrap:keep-all;word-break:keep-all;}
  59. xhsj_linklbl{font-weight:bold;color:darkblue;border-bottom:1.3px dotted darkgreen;padding-right:5px;padding-bottom:3px;}/*“相关词组”*/
  60. .xhsj_pycx{margin-top:1em;font-size:1.2em;}
  61. a{text-decoration:none}
  62. table{font-size:0.85em;margin-top:0.5em;border:2px solid lightgray;border-radius:6px;}

  63. /*内部标签*/
  64. xhsj_lb2{display:none;}
复制代码

返回列表