雕虫小技 1/10/2022

多年干码农养成的习惯，做界面的时候，页面要干净，布局要舒服，格式要简洁，最好还要图文并茂，有声有色。使用博客提供的编辑器，大概是出于安全的考虑，技术上有些限制，在这试试，看看能做到多少。

字体：楷体，字号：16px，段落缩进：32px（两个字），插图在文字右边。

郑屠右手拿刀，左手便要来揪鲁达；被这鲁提辖就势按住左手，赶将入去，望小腹上只一脚，腾地踢倒在当街上。鲁达再入一步，踏住胸脯，提起那醋钵儿大小拳头，看着这郑屠道：“洒家始投老种经略相公，做到关西五路廉访使，也不枉了叫做‘镇关西’！你是个卖肉的操刀屠户，狗一般的人，也叫做‘镇关西’！你如何强骗了金翠莲？”扑的只一拳，正打在鼻子上，打得鲜血迸流，鼻子歪在半边，却便似开了个油酱铺，咸的、酸的、辣的一发都滚出来。郑屠挣不起来，那把尖刀也丢在一边，口里只叫：“打得好！”鲁达骂道：“直娘贼！还敢应口！”提起拳头来就眼眶际眉梢只一拳，打得眼棱缝裂，乌珠迸出，也似开了个彩帛铺，红的、黑的、紫的都绽将出来。

字体：宋体，字号：16px，颜色：深蓝，插图在左边，唱词、录音在右边。

  越剧《红楼梦》选段：天上掉下个林妹妹

  宝玉：天上掉下个林妹妹，似一朵轻云刚出岫
  黛玉：只道他腹内草莽人轻浮，却原来骨格清奇非俗流
  宝玉：娴静犹如花照水，行动好比风拂柳
  黛玉：眉梢眼角藏秀气，声音笑貌露温柔
  宝玉：眼前分明外来客，心底却似旧时友

字体：楷体，字号：16px，缩进：32px，唱词在左边，插图、录音在右边。

我正在城楼观山景，耳听得城外乱纷纷。旌旗招展空泛影，却原来是司马发来的兵。我也曾差人去打听，打听得司马领兵往西行。并非是马谡无谋少才能，皆因是将帅不和才失街亭。你连得三城多侥幸，贪而无厌你又夺我的西城。诸葛在敌楼把驾等，等候了司马到此好谈谈心。命人把街道打扫净，等候司马好屯兵。诸葛亮我无有别的敬，早预备下羊羔美酒犒赏你的三军。…… ……

字体：楷体，字号：16px，缩进：32px，文字在左，视频在右，从31分钟开播。

孙悟空去东海龙宫抢了金箍棒，又去地府强销生死簿。龙王、阎君去天庭告状，玉帝把孙悟空召入天庭，授他做弼马温。孙悟空嫌官小，打回花果山，自称“齐天大圣”。玉帝派天兵天将捉拿孙悟空，于是那泼猴大闹天宫，把清净的天宫搅了个天翻地覆。最后玉帝无奈，请来如来佛，把孙悟空压在了五指山下。

以上都是用 HTML + CSS 写的。因为博客的编辑器不支持直接使用 HTML 代码，写好后需要先用浏览器显示，然后拷贝、粘贴在博客的编辑器里。

Learn HTML -- HTML Tutorial 🔗

Learn CSS -- CSS Tutorial 🔗