在CSS样式中，怎样设置两个按钮的距离 想自定义两个按钮间隔，css应该怎么写
css\u6837\u5f0f\u4e2d\u600e\u4e48\u8ba9\u4e09\u4e2a\u6309\u94ae\u5728\u6c34\u5e73\u4f4d\u7f6e\u5bf9\u9f50Vue\u5b9e\u8df5-CSS\u6837\u5f0fposition/display/float\u5c5e\u6027\u5bf9\u6bd4\u4f7f\u7528
\u540c\u610f\u4e0a\u4e00\u4e2a\u7684\uff0c\u4f60\u540e\u4e00\u4e2a\u7684button\u53ef\u4ee5\u8bbe\u7f6emargin-left\uff1a10px\u6216\u8005\u66f4\u591a\u3002
在CSS样式中，设置两个按钮的距离块元素的之间的间距使用margin属性设置。
CSS margin 属性
定义和用法
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
说明
这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
注释：允许使用负值。
例子 1
margin:10px 5px 15px 20px;/*上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px*/
例子 2
margin:10px 5px 15px;/*上外边距是 10px右外边距和左外边距是 5px下外边距是 15px*/
例子 3
margin:10px 5px;/*上外边距和下外边距是 10px右外边距和左外边距是 5px*/
例子 4
margin:10px;/*所有 4 个外边距都是 10px*/
可能的值
绛旓細濡傛灉闈㈡澘涓湁鍑犱釜绠＄悊瑕佹槸鎸夐挳棣栧厛鐨勮瘽浠栧簲璇ユ槸鏈涓や釜鑰屼笖鐨勮瘽涓涓槸鐢ㄦ潵鎺у埗绌鸿皟鍙︿竴涓槸鐢ㄦ潵鎺у埗鐏厜
绛旓細鍙互鐢ㄩ楀彿闅斿紑澶氫釜绫诲悕銆css褰撲腑闇瑕佸澶氫釜绫绘垨澶氫釜鍏冪礌绛変娇鐢ㄧ浉鍚岀殑鏍峰紡锛閮藉彲浠ュ湪姣忎釜閫夋嫨鍣ㄥ悗闈娇鐢ㄩ楀彿鍒嗛殧锛屽叾浠栭儴鍒嗙殑鍐欐硶鏄浉鍚岀殑銆備緥濡傦細.aa,.bb{color:blue;}銆
绛旓細瑕佷负CSS涓殑鎸夐挳璁剧疆榧犳爣鍒掕繃鍙樿壊鏁堟灉锛岄鍏堢‘淇濅綘鍏峰浠ヤ笅宸ュ叿锛氱數鑴戙佹祻瑙堝櫒鍜屼竴涓狧TML缂栬緫鍣ㄣ傛帴涓嬫潵锛屾寜鐓т互涓嬫楠ゆ搷浣滐細1.鎵撳紑浣犵殑HTML缂栬緫鍣紝鏂板缓涓涓┖鐧芥枃浠讹紝姣斿鍛藉悕涓"index.html"銆2.鍦ㄨ繖涓柊鍒涘缓鐨勬枃浠朵腑锛屾壘鍒板苟娣诲姞鏍囩锛岃繖灏嗙敤浜庣紪鍐CSS鏍峰紡銆傚湪鏍囩鍐咃紝缂栧啓濡備笅浠ｇ爜锛氭寜閽 button:hover...
绛旓細 1312121312 154654645 鏍峰紡绱ф尐鐫鏄病鏈夋晥鏋滅殑锛岀┖鏍奸殧寮灏辨病闂銆傝繖鏍峰啓鐨勬剰鎬濓紝灏辨槸鍙湁鍦╪av涓嬬殑mininav涓嬬殑static 鎵嶅彲浠ユ湁瀹氫箟鐨勬牱寮忔晥鏋 濡傛灉鐩存帴鍐欐渶鍚庝竴涓牱寮忓悕锛屾槸娌℃湁浠讳綍鏍峰紡鐨
绛旓細缁欐寜閽坊鍔css鏍峰紡鐨勬柟娉曪細娣诲姞鏂规硶锛1銆.btn {BORDER-RIGHT: #7b9ebd 1px solid; 鍙宠竟绾 2銆丳ADDING-RIGHT: 2px; 鍐呰竟璺 鍙 3銆丅ORDER-TOP: #7b9ebd 1px solid; 涓婅竟绾 4銆丳ADDING-LEFT: 2px; 鍐呰竟璺 宸 5銆丗ONT-SIZE: 12px; 鏂囧瓧澶у皬 6銆丅ORDER-LEFT: #7b9ebd 1px solid; 宸﹁竟绾...
绛旓細 A鏍囩 { margin:0; padding:0;} a{ color:#00C; text-decoration:none; padding:0 20px;}/*鏁翠釜椤甸潰A鏍囩鐨勫睘鎬*/ a:hover{ color:#F00; text-decoration:underline}/*鏁翠釜椤甸潰A鏍囩榧犳爣婊戣繃灞炴*/ .one,.two{ width:800px; margin:20px auto; line-height:36px; border:1px...
绛旓細鍥哄畾灏哄灏卞ソ鍋 鏌ユ壘 鏇挎崲 鍒犻櫎鏌ユ壘<
绛旓細涓ょ鏂规硶,涓涓槸鍙虫诞鐨勫啓鍦ㄥ墠闈,瀹氫箟鍙虫诞鍔 鍙︿竴涓槸鎸夐『搴忓啓,宸﹁竟鐨勫畾涔夊乏娴姩,鍙宠竟鐨勫畾涔夊彸娴姩,浣嗚繖鏍峰鐩掔殑楂樺害瑕佺粰瀹氫竴涓,瑕佷笉瀹规槗鍑洪棶棰 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> .top{ width:400px;borde...
绛旓細缁欎綘涓涓緥瀛 ..杩欐槸鍥哄畾妗 杩欐槸鑷傚簲妗嗘灦 鏍峰紡涓:left{width:200px; margin-right:-200px; float:left} right{width:auto; margin-left:200px; float:left} 灏辨槸璇村浐瀹氭鏋剁浉瀵硅嚜閫傚簲妗嗘灦鐨勮竟璺濅负鍏跺搴︾殑璐熷.濡傛灉鏄笁涓鏋 .. 涓や釜鍥哄畾涓涓嚜閫傚簲 ..杩欐槸鍥哄畾妗 杩欐槸鑷傚簲妗嗘灦 杩欐槸...
绛旓細CSS涓class鍙互鎸囧畾澶氫釜鍊硷紝鐢ㄧ┖鏍奸殧寮灏卞彲浠ヤ簡锛屽涓鏍峰紡瀹氫箟鏈缁堜細鍙犲姞鍦ㄤ竴璧峰簲鐢ㄥ埌褰撳墠鍏冪礌銆備竴銆丆SS涓璱d鍜宑lass鐨勫尯鍒細1銆乮d鐨勪紭鍏堢骇姣攃lass楂樸2銆乧lass鏄氱敤灞炴э紝灏辨槸璇村嚑涓猟iv鍙互璋冪敤鍚屼竴涓猚lass 锛岃宨d鏄敮涓鐨勶紝web鏍囧噯涓笉鍏佽鍑虹幇涓や釜div鐨刬d鏍囪瘑鏄浉鍚岀殑锛宨d涔熸槸js鑾峰彇瀵硅薄鐨勪竴涓爣璇...
