.textCard{杈规-鍗婂緞锛?px锛涙父鏍囷細鎸囬拡锛涜儗鏅壊锛氭祬缁胯壊锛涢珮搴︼細36px锛涗綅缃細鐩稿锛涘彸杈硅窛锛?6px锛涜竟璺濋《閮細16px锛涢鑹诧細#333锛?card-name{浣嶇疆锛氱粷瀵癸紱椤堕儴锛?锛涘乏锛?锛涙樉绀猴細鍐呰仈鍧楋紱瀹藉害锛?00%锛涘～鍏咃細8px14px锛涜竟鐣屽崐寰勶細8px锛涜楂橈細20px锛涙澶у皬锛氳竟妗嗘锛泒&:hover{.card-name{棰滆壊锛?fff;绌虹櫧锛氭甯革紒閲嶈锛涙孩鍑猴細鍙栨秷璁剧疆锛侀噸瑕侊紱鑳屾櫙鑹诧細娴呯豢鑹诧紱鐩掑瓙闃村奖锛?6px200pxrgba(71,96,240,0.2);z-鎸囨暟锛?锛泒}}鏃犺瑙嗗彛澶у皬濡備綍锛岃鐣岄潰閮借姹傛瘡琛屾樉绀?涓厓绱犮€傚綋鏂囨湰瓒呰繃闀垮害鏃讹紝鏄剧ず鐪佺暐鍙凤紙鏆傚畾鏄剧ず涓€琛岋級銆傚綋榧犳爣鎮仠鏃讹紝鏄剧ず鎵€鏈夋枃瀛楋紝鍗＄墖鍚戜笅寤朵几锛岀洿鍒板彲浠ュ畬鍏ㄦ樉绀烘枃瀛椼€傜涓€涓渶姹傛垜浠彲浠ヤ娇鐢╢lex甯冨眬鏉ュ疄鐜帮紝css鎺у埗鏂囧瓧鏁堟灉绗簩涓紝鎴戜滑鍙互浣跨敤澶栧眰宓屽div鏉ユ帶鍒讹紝褰撻紶鏍囨偓鍋滄椂锛屽唴灞俤iv浼氭樉绀哄嚭鏉ャ€傛垜浠潵鐪嬬湅浠ｇ爜瀹炵幇馃憞浠ｇ爜灞曠ず浜唄tml鍏冪礌
