涓€鑸潵璇达紝鎴戜滑鍋氱殑椤甸潰涓嶆槸閽堝鏂囧鐢ㄦ埛鐨勶紝鎵€浠ヤ粬浠笉澶彲鑳芥帴瑙﹀埌鈥滃己璋冩爣璁扳€濊繖涓鍙枫€傚鏋滀綘瀵箇ord涓嶉檶鐢燂紝搴旇鐭ラ亾word涓湁涓€涓枃鏈缃紝灏辨槸璁剧疆鈥滃己璋冩爣璁扳€濄€傜數鑴戦噷娌℃湁杩欎釜璇嶏紝浜庢槸鐧惧害浜嗕竴涓嬨€傚弽姝ｅぇ姒傚氨鏄繖涓晥鏋溿€傞偅涔堟湰鏂囪璇寸殑CSS灞炴€у氨鏄€滃己璋冩爣璁扳€濈殑灞炴€с€傛垜浠彲浠ラ€氳繃text-emphasis灞炴€ф潵璁剧疆鏂囨湰鈥滃己璋冩爣璁扳€濈殑鏍峰紡銆傝繖鏄痶ext-emphasis-color鍜宼ext-emphasis-style杩欎袱涓睘鎬х殑绠€鍐欙紝涔熷氨鏄鎴戜滑鍙互閫氳繃text-emphasis鍚屾椂璁剧疆鈥滃己璋冣€濆瓧绗︾殑鏍峰紡鍜岄鑹诧紝渚嬪锛歱{-webkit-text-寮鸿皟锛氱偣绾㈣壊锛泃ext-emphasis:dotred;}鐒跺悗灏卞彲浠ョ湅鍒拌繖涓晥鏋滀簡銆傝嚦浜庤繖涓晥鏋滃湪word涓湁娌℃湁鐪嬪埌锛屽氨涓嶇煡閬撲簡銆傚弽姝ｅ湪缃戦〉涓紝鎴戜滑鐪嬪埌鐨勫己璋冩爣璁颁笉浠呭彲浠ヤ慨鏀瑰瓧浣撳拰棰滆壊锛岃繕鍙互淇敼澶у皬鍜屼綅缃€倀ext-emphasis-style鏈夊嚑涓睘鎬у€硷紝涔熷彲浠ヨ緭鍏ヤ换鎰忓瓧绗︼紱text-emphasis-color鍙互浣跨敤甯歌缃戦〉涓娇鐢ㄧ殑棰滆壊鍊硷紝rgba()銆乺gb()绛夛紱鑰屽鏋滀綘鎯宠皟鏁翠綅缃殑璇濓紝杩橀渶瑕佷竴涓澶栫殑灞炴€ext-emphasis-position銆傚敖绠℃灞炴€т笌style鍜宑olor闈炲父鐩镐技锛屼絾瀹冧笉鏄痶ext-emphasis鐨勭缉鍐欎箣涓€銆傛墍浠ュ浜巘ext-emphasis-position涓€鑸儏鍐典笅锛屾垜浠彲浠ユ帶鍒剁殑浣嶇疆鏄笂涓嬩袱涓柟鍚戯紝鍗筹細text-emphasis-position:over;鏂囨湰寮鸿皟浣嶇疆锛氫笅锛涘鏋滄兂浜嗚В鏇村鍙互鐪婱DN涓殑鍏蜂綋浠嬬粛锛岃繖閲屽氨涓嶈禈杩颁簡銆傜劧鍚庢牴鎹笂闈紝鎴戜滑淇敼CSS閮ㄥ垎锛屽儚杩欐牱锛歱{-webkit-text-emphasis:'鈥斺€?rgba(255,0,0,.5);鏂囨湰寮鸿皟锛?鈥斺€?rgba(255,0,0,.5);-webkit-text-emphasis-position:under;text-emphasis-position:under;}閭ｄ箞缁撴灉灏辨槸锛氱湅璧锋潵鍍忔枃瀛楃殑underlinetext-decoration鍚楋紵锛氫笅鍒掔嚎锛涙晥鏋滄€庝箞鏍凤紵閭ｆ垜浠啀娣诲姞涓€涓睘鎬х湅鐪嬫晥鏋溿€俻{-webkit-text-emphasis:'鈥斺€?rgba(255,0,0,.5);鏂囨湰寮鸿皟锛?鈥斺€?rgba(255,0,0,.5);-webkit-text-寮鸿皟浣嶇疆锛氫笅锛涙枃鏈己璋冧綅缃細涓嬶紱text-decoration:underline;}杩欎袱涓槸涓嶅悓鐨勫睘鎬э紝鑲畾鏄湁鍖哄埆鐨勩€傚叿浣撳氨涓嶇粏璇翠簡锛屼富瑕佸尯鍒篃鍙互閫氳繃鏂囨。鐪嬨€傝繖閲岄渶瑕佽鏄庣殑鏄紝濡傛灉parent涓簍ext-decoration灞炴€у€艰缃簡underline鏍峰紡锛岄偅涔坈hild璁剧疆浜唎verline锛屽嵆浣挎敼鍙榯ext-decoration-style鐨勫€硷紝涓ょ绾垮瀷浠嶇劧瀛樺湪銆傚拰text-emphasis褰撴垜浠敼鍙樺睘鎬у€兼椂锛岀粨鏋滄槸涓嶅悓鐨勩€傚悓鏃讹紝濡傛灉鎴戜滑涓嶈缃鑹插€硷紝鈥滃己璋冩爣璁扳€濈殑棰滆壊浼氱户鎵垮厓绱犳湰韬殑鏂囨湰棰滆壊銆傚洜涓哄彲浠ヨ缃鑹插€硷紝鎵€浠ユ垜浠篃鍙互浣跨敤transparent鐩存帴灏嗗厓绱犺缃负閫忔槑銆傝鍒扮户鎵匡紝杩欓噷闇€瑕佹敞鎰忎竴鐐广€傗€滃己璋冩爣璁扳€濈殑鏂囧瓧澶у皬绾︿负姝ｅ父鏂囧瓧鐨勪竴鍗娿€傚洖椤句互涓婂嚑鐐癸細鍙互杈撳叆浠绘剰瀛楃锛涘鏋滀笉璁剧疆棰滆壊锛屼細缁ф壙鍏冪礌鏈韩鐨勯鑹插€硷紝涔熷彲浠ヨ缃负閫忔槑锛涒€滃己璋冩爣璁扳€濈殑澶у皬绾︿负姝ｅ父鏂囨湰鐨勪竴鍗婏紱缁撳悎杩欎簺Point锛屾垜浠氨鍙互杩欐牱鐜╀簡銆傛湁鐨勫湴鏂规病鏈夆€滃己璋冩爣璁扳€濓紝鏈夌殑鏄┖鐧芥垨鐗规畩瀛楃锛屾湁鐨勬槸闅忎究杈撳叆鐨勶紝鏈夌殑鏄湁鎰忚緭鍏ョ殑銆備富瑕佺洰鐨勬槸涓轰簡鍦ㄤ竴浜涚壒娈婂瓧绗︾殑鎯呭喌涓嬬湅鍒扳€滃己璋冣€濈殑鏄剧ず銆傚彧鏄剧ず涓€涓瓧绗︼紝涓嶇瀛楃鏄叏瑙掕繕鏄崐瑙掑瓧绗︼紝鐢氳嚦鏄痚moji鐗规畩瀛楃锛涘彧鏈夆€滃己璋冩爣璁扳€濇樉绀哄湪鍙鐨勬枃鏈瓧绗︿笂锛涢偅涔堣繖涓晥鏋滅殑浠ｇ爜灏辨槸锛?p>鏂囧瓧鍐呭锛?span>涓€涓猻pan鍏冪礌鏄€€em楼Celementoh锛屽晩鍟?..
p{瀹藉害锛?20px锛涘瓧浣撳ぇ灏忥細32px锛?webkit-text-emphasis:'ah'rgba(255,0,0,.2);}pem{font-size:64px;-webkit-text-emphasis-color:blue;}pspan{color:green;-webkit-text-emphasis:'馃敟';-webkit-text-emphasis-position:under;}閭ｄ箞鏈枃灏卞埌姝ょ粨鏉熶簡鍚楋紵涓嶏紝鎴戣繕鎯宠涓€浠朵簨銆備粠涓婇潰鐨勬晥鏋滃浘鍙互鐪嬪嚭锛屸€滃己璋冩爣璁扳€濇槸鍦ㄦ枃瀛楃殑涓嬫柟鎴栬€呬笂鏂癸紝鎵€浠ュ浜庝竴涓櫘閫氱殑鏂囧瓧鏉ヨ锛岃楂橈紙line-height锛夌浉淇″ぇ瀹堕兘寰堢啛鎮変簡銆傞偅涔堝湪鏈夆€滃己璋冣€濈殑閮ㄥ垎鍔犱笂line-height浼氭湁浠€涔堟晥鏋滃憿锛熻楂橈細20px锛涙坊鍔犲埌p鍚庯紝娌＄湅鍒版湁浠€涔堝彉鍖栵紱濡傛灉鎴戝皢20px鏇存敼涓?0px锛屽垯浼氬彂鐢熷彉鍖栵紝骞朵笖楂樺害浼氳鎷夐暱涓€鐐癸紱鐒跺悗鍔犲ぇ涓€鐐癸紝灏辨媺闀夸簡锛屸€濅竴涓€滃瓙寮光€濈揣璺熷湪鏂囧瓧鍚庨潰锛屽垎闅斾笂涓嬩袱琛屻€傚績琛€鏉ユ疆锛屽綋line-height鐨勫€兼瘮杈冨皬鐨勬椂鍊欙紝灏辩湅涓嶅埌鏁堟灉浜嗐€備笅涓€鑸儏鍐典笅锛屾病鏈塼ext-emphasis鐨勬椂鍊欙紝line-height姣旇緝灏忥紝浼氬鑷村琛岄噸鍙狅紝鍍忚繖鏍凤細浣嗘槸鐜板湪鏈変簡text-emphasis锛屽氨涓嶄細閲嶅彔浜嗭紝濂藉儚鐩存帴褰卞搷鍒版渶灏忓€糽ine-height锛岄渶瑕佷繚璇佸琛屼箣闂寸殑楂樺害鍊煎湪涓€瀹氬€硷紝澶у皬濂藉儚鏄?em宸﹀彸锛岃繖鏍锋墠鑳介€傚悎姣旀甯稿瓧浣撳皬涓€鍗婄殑鈥滃己璋冩爣璁扳€?鏂囧瓧澶у皬锛屼笌鏂囧瓧鍐呭淇濇寔涓€瀹氳窛绂汇€傚洖鍒扳€滃喎闂ㄦ枃瀛?寮鸿皟鏈変粈涔堢敤锛熲€濈殑涓婚銆傛槸鍟婏紝鏈変粈涔堢敤锛熼櫎浜嗘甯歌〃绀烘煇閮ㄥ垎鏂囨湰鍐呭琚珮浜樉绀哄锛屼技涔庢病鏈変粈涔堢敤澶勩€傞櫎闈炴垜浠噸鏂板埄鐢ㄨ繖涓€滃己璋冣€濈殑鐗规€ф潵鍙戞尌锛岀壒鍒槸鎵╁ぇline-height锛屼繚璇佸琛屼箣闂磋嚦灏戞湁1em宸﹀彸鐨勯棿璺濄€傞偅涔堝鏋滄垜浠娇鐢ㄩ€忔槑鑹茬殑鈥滃己璋冩爣璁扳€濓紝鏄笉鏄剰鍛崇潃杩欓儴鍒嗘枃瀛楁案杩滀笉浼氳鍙犲姞鍛紵閭ｄ箞缁撳悎emoji鎴栬€呬笂涓嬬粍鍚堬紝浼氫笉浼氱帺鍑轰笉涓€鏍风殑澶╃┖鍛紵鍥炴兂涓€涓嬶紝涓€涓ソ鐨勨€滃己璋冩爣璁扳€濓紝璁╁畠鑷繁鍋氳嚜宸辩殑浜嬫儏锛岀敤瀹冩潵鏍囪鏂囨湰鏄惁闇€瑕佸己璋冿紝鎴栬€呭仠姝㈡挱鏀俱€?/p>