发表于 2009-1-5 19:48
| 
琛ㄦ牸杈规鐨刢ss璇硶
鍙戝竷: 2008-6-27 10:14 | 浣滆: admin | 鏌ョ湅: 7娆
鎴戜滑鐭ラ亾Dreamweaver鍦ㄨ〃鏍煎埗浣滄柟闈㈠仛寰楅潪甯稿嚭鑹诧紝浣嗘槸鍦ㄦ煇浜涙椂鍊欒繕鏄繀椤荤粨鍚坈ss鎵嶈兘杈惧埌涓浜涚壒瀹氭晥鏋滐紝涓嬮潰鎴戜滑鍏堟妸鏈夊叧琛ㄦ牸杈规鐨刢ss璇硶鏁寸悊鍑烘潵锛岀劧鍚庡彟澶栦粙缁嶆庢牱鐢╟ss缇庡寲琛ㄦ牸鐨勮竟妗嗐
銆銆鏈夊叧琛ㄦ牸杈规鐨刢ss璇硶
銆銆鍏蜂綋鍐呭鍖呮嫭锛氫笂杈规瀹藉害銆佸彸杈规瀹藉害銆佷笅杈规瀹藉害銆佸乏杈规瀹藉害銆佽竟妗嗗搴︺佽竟妗嗛鑹层佽竟妗嗘牱寮忋佷笂杈规銆佷笅杈规銆佸乏杈规銆佸彸杈规銆佽竟妗嗐佸搴︺侀珮搴︺佹湁鍏虫爣绛剧瓑銆
銆銆 1.涓婅竟妗嗗搴
銆銆璇硶: border-top-width: <鍊>
銆銆鍏佽鍊: thin | medium | thick | <闀垮害>
銆銆鍒濆鍊: medium
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆涓婅竟妗嗗搴﹀睘鎬х敤浜庢寚瀹氫竴涓厓绱犱笂杈规鐨勫搴︺傚煎彲浠ユ槸涓変釜鍏抽敭瀛楀叾涓殑涓涓紝閮戒笉鍙楀瓧浣撳ぇ灏忔垨闀垮害鐨勫奖鍝嶏紝鍙互鐢ㄤ簬瀹炵幇鎴愭瘮渚嬬殑瀹藉害銆備笉鍏佽浣跨敤璐熷笺備篃鍙互鐢ㄥ湪涓婅竟妗嗐佽竟妗嗙殑瀹藉害鎴栬竟妗嗙殑灞炴х暐鍐欍
銆銆2.鍙宠竟妗嗗搴
銆銆璇硶: border-right-width: <鍊>
銆銆鍏佽鍊: thin | medium | thick | <闀垮害>
銆銆鍒濆鍊: medium
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆鍙宠竟妗嗗搴﹀睘鎬х敤浜庢寚瀹氬厓绱犵殑鍙宠竟妗嗙殑瀹藉害銆傚煎彲浠ユ槸涓変釜鍏抽敭瀛楀叾涓殑涓涓紝閮戒笉鍙楀瓧浣撳ぇ灏忔垨闀垮害鐨勫奖鍝嶏紝鍙互鐢ㄤ簬瀹炵幇鎴愭瘮渚嬬殑瀹藉害銆備笉鍏佽浣跨敤璐熷笺備篃鍙互鐢ㄥ湪鍙宠竟妗嗐佽竟妗嗙殑瀹藉害鎴栬竟妗嗙殑灞炴х暐鍐欍
銆銆 3.涓嬭竟妗嗗搴
銆銆璇硶: border-bottom-width: <鍊>
銆銆鍏佽鍊: thin | medium | thick | <闀垮害>
銆銆鍒濆鍊: medium
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆涓嬭竟妗嗗搴﹀睘鎬х敤浜庢寚瀹氬厓绱犵殑涓嬭竟妗嗙殑瀹藉害銆傚煎彲浠ユ槸涓変釜鍏抽敭瀛楀叾涓殑涓涓紝閮戒笉鍙楀瓧浣撳ぇ灏忔垨闀垮害鐨勫奖鍝嶏紝鍙互鐢ㄤ簬瀹炵幇鎴愭瘮渚嬬殑瀹藉害銆備笉鍏佽浣跨敤璐熷笺備篃鍙互鐢ㄥ湪涓嬭竟妗嗐佽竟妗嗙殑瀹藉害鎴栬竟妗嗙殑灞炴х暐鍐欍
銆銆 4.宸﹁竟妗嗗搴
銆銆璇硶: border-left-width: <鍊>
銆銆鍏佽鍊: thin | medium | thick | <闀垮害>
銆銆鍒濆鍊: medium
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆宸﹁竟妗嗗搴﹀睘鎬х敤浜庢寚瀹氬厓绱犵殑宸﹁竟妗嗙殑瀹藉害銆傚煎彲浠ユ槸涓変釜鍏抽敭瀛楀叾涓殑涓涓紝閮戒笉鍙楀瓧浣撳ぇ灏忔垨闀垮害鐨勫奖鍝嶏紝鍙互鐢ㄤ簬瀹炵幇鎴愭瘮渚嬬殑瀹藉害銆備笉鍏佽浣跨敤璐熷笺備篃鍙互鐢ㄥ湪宸﹁竟妗嗐佽竟妗嗙殑瀹藉害鎴栬竟妗嗙殑灞炴х暐鍐欍
銆銆5.杈规瀹藉害
銆銆璇硶: border-width: <鍊>
銆銆鍏佽鍊: [ thin | medium | thick | <闀垮害> ]{1,4}
銆銆鍒濆鍊: 鏈畾涔
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆杈规瀹藉害灞炴х敤涓鍒板洓涓兼潵璁剧疆鍏冪礌鐨勮竟鐣岋紝鍊兼槸涓涓叧閿瓧鎴栭暱搴︺備笉鍏佽浣跨敤璐熷奸暱搴︺傚鏋滃洓涓奸兘缁欏嚭浜嗭紝瀹冧滑鍒嗗埆搴旂敤浜庝笂銆佸彸銆佷笅鍜屽乏杈规鐨勫紡鏍枫傚鏋滅粰鍑轰竴涓硷紝瀹冨皢琚繍鐢ㄥ埌鍚勮竟涓娿傚鏋滀袱涓垨涓変釜鍊肩粰鍑轰簡锛岀渷鐣ヤ簡鐨勫间笌瀵硅竟鐩哥瓑銆 杩欎釜灞炴ф槸涓婅竟妗嗗搴︺佸彸杈规瀹藉害銆佷笅杈规瀹藉害鍜屽乏杈规瀹藉害灞炴х殑鐣ュ啓銆備篃鍙互浣跨敤鐣ュ啓鐨勮竟妗嗗睘鎬с
銆銆6.杈规棰滆壊
銆銆璇硶: border-color: <鍊>
銆銆鍏佽鍊: <棰滆壊>{1,4}
銆銆鍒濆鍊: 棰滆壊灞炴х殑鍊
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆杈规棰滆壊灞炴ц缃竴涓厓绱犵殑杈规棰滆壊銆傚彲浠ヤ娇鐢ㄤ竴鍒板洓涓叧閿瓧銆傚鏋滃洓涓奸兘缁欏嚭浜嗭紝瀹冧滑鍒嗗埆搴旂敤浜庝笂銆佸彸銆佷笅鍜屽乏杈规鐨勫紡鏍枫傚鏋滅粰鍑轰竴涓硷紝瀹冨皢琚繍鐢ㄥ埌鍚勮竟涓娿傚鏋滀袱涓垨涓変釜鍊肩粰鍑轰簡锛岀渷鐣ヤ簡鐨勫间笌瀵硅竟鐩哥瓑銆備篃鍙互浣跨敤鐣ュ啓鐨勮竟妗嗗睘鎬с
銆銆7.杈规鏍峰紡
銆銆璇硶: border-style: <鍊>
銆銆鍏佽鍊: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
銆銆鍒濆鍊: none
銆銆閫傜敤浜: 鎵鏈夊璞
銆銆鍚戜笅鍏煎: 鍚
銆銆杈规鏍峰紡灞炴х敤浜庤缃竴涓厓绱犺竟妗嗙殑鏍峰紡銆傝繖涓睘鎬у繀椤荤敤浜庢寚瀹氬彲瑙佺殑杈规銆傚彲浠ヤ娇鐢ㄤ竴鍒板洓涓叧閿瓧銆傚鏋滃洓涓奸兘缁欏嚭浜嗭紝瀹冧滑鍒嗗埆搴旂敤浜庝笂銆佸彸銆佷笅鍜屽乏杈规鐨勫紡鏍枫傚鏋滅粰鍑轰竴涓硷紝瀹冨皢琚繍鐢ㄥ埌鍚勮竟涓娿傚鏋滀袱涓垨涓変釜鍊肩粰鍑轰簡锛岀渷鐣ヤ簡鐨勫间笌瀵硅竟鐩哥瓑銆備篃鍙互浣跨敤鐣ュ啓鐨勮竟妗嗗睘鎬с
銆銆none锛氭棤鏍峰紡锛
銆銆dotted锛氱偣绾匡紱
銆銆dashed锛氳櫄绾匡紱
銆銆solid锛氬疄绾匡紱
銆銆double锛氬弻绾匡紱
銆銆groove锛氭Ы绾匡紱
銆銆ridge锛氳剨绾匡紱
銆銆inset锛氬唴鍑癸紱
銆銆outset锛氬鍑搞
8.涓婅竟妗
銆銆璇硶: border-top: <鍊>
銆銆鍏佽鍊: <涓婅竟妗嗗搴> || <杈规寮忔牱> || <棰滆壊>
銆銆鍒濆鍊: 鏈畾涔
