cssÖеÄborderÊôÐÔ
¡¡ÖÆ×÷¹ýÍøÒ³µÄÈ˶¼ÓÐΪ»Ï߶ø·³ÄյľÀú£¬±¾ÎĽéÉܵÄС¼¼ÇÉÒ²Ðí¶ÔÄãÓÐËù°ïÖú¡£ÎÒÃÇÏÈÀ´ÈÏʶһÏ“Border”£¨»±ß¿ò£©£¬ËüÊÇCSSµÄÒ»¸öÊôÐÔ£¬ÓÃËü¿ÉÒÔ¸øÄÜÈ·¶¨·¶Î§µÄHTML±ê¼Ç£¨ÈçTD¡¢DIVµÈµÈ£©»±ß¿ò£¬Ëü¿ÉÒÔ¶¨Òå±ß¿òÏßµÄÀàÐÍ¡¢¿í¶ÈºÍÑÕÉ«£¬ÀûÓÃÕâ¸öÌØÐÔ£¬¿ÉÒÔÖÆ×÷һЩÌØÊâЧ¹û¡£ÏÂÃ潫ͨ¹ýʵÀýÀ´ËµÃ÷ÆäÓ¦Óü¼ÇÉ¡£
¡¡¡¡1¡¢¸øÎı¾¼Ó±ß¿ò
¡¡¡¡ÉÏÃæµÄʾÀýÖУ¬¸øÒ»¶ÎÎÄ×Ö¼ÓÁ˲»Í¬µÄ±ß¿ò£¬Ö»ÊÇΪÁË˵Ã÷±ß¿òÏßµÄÑÕÉ«¡¢´ÖϸÊǿɱäµÄ¡£µÚÒ»¸ö±ß¿òµÄCSS´úÂëÊÇ£ºstyle="border:thin solid red"£»“border”ºóÃæµÄÈý¸ö²ÎÊýµÄº¬ÒåÊÇ£º±ß¿òÏߵĿí¶ÈÊÇ£ºthin£¨Ï¸Ïߣ©£»±ß¿òÏßµÄÀàÐÍ£ºsolid£¨ÊµÏߣ©£»±ß¿òÏßµÄÑÕÉ«£ºred£¨ºìÉ«£©¡£ÎÒÃǶ¨Òå±ß¿ò£¬Êµ¼ÊÉϾÍÊÇÉ趨ÕâÈý¸ö²ÎÊýÖµ¡£¡¡¡¡±ß¿òÏߵĿí¶ÈÓÐÈý¸ö±ê×¼Öµ£ºthin£¨Ï¸Ïߣ©¡¢medium£¨ÖдÖÏߣ©ºÍthick£¨´ÖÏߣ©£¬´ËÍ⣬Ҳ¿ÉÒÔ×Ô¶¨Òå¿í¶È£¬È磺1pt¡¢5px¡¢2cmµÈ¡£¡¡¡¡±ß¿òÏßµÄÀàÐÍÓоŸöÈ·¶¨Öµ£ºnone£¨Îޱ߿òÏߣ©¡¢ dotted£¨Óɵã×é³ÉµÄÐéÏߣ©¡¢ dashed£¨ÓɶÌÏß×é³ÉµÄÐéÏߣ©¡¢ solid£¨ÊµÏߣ©¡¢ double£¨Ë«Ïߣ¬Ë«Ïß¿í¶È¼ÓÉÏËüÃÇÖ®¼äµÄ¿Õ°×²¿·ÖµÄ¿í¶È¾ÍµÈÓÚborder-width¶¨ÒåµÄ¿í¶È£©¡¢ groove£¨3D¹µ²Û×´µÄ±ß¿ò£©¡¢ ridge£¨3D¼¹×´µÄ±ß¿ò£©¡¢ inset£¨3DÄÚǶ±ß¿ò£¬ÑÕÉ«½ÏÉ¡¢ outset£¨3DÍâǶ±ß¿ò£¬ÑÕÉ«½Ïdz£©£¬×¢Ò⣺Èç¹ûϵͳ²»Ö§³ÖÕâЩ±ß¿òµÄÊôÐÔÖµ£¬ÄÇô“dotted”¡¢“dashed”¡¢“double”¡¢“groove”¡¢“ridge”¡¢“inset”ºÍ“outset”¶¼»á±»“solid”´úÌæ¡£¡¡¡¡±ß¿òÏßµÄÑÕÉ«£º¿ÉÒÔÓÃÊ®Áù½øÖƵÄÑÕÉ«´úÂ룬Èç#00ffcc¡£¡¡¡¡´ÓÉÏÃæ¿ÉÒÔ¿´³ö£¬¸øÎı¾¼Ó±ß¿òȷʵºÜ¼òµ¥£¬ÉÏÀýÖкóÃæÄǼ¸¸ö±ß¿òµÄÉèÖã¬ÎÒ²»½²ÄãÒ²Ã÷°×ÁË°É£¡ÔÚÕâÀï¸æËßÄãÒ»µãС¼¼ÇÉ£¬¸øÒ»¶ÎÎı¾¼Ó±ß¿ò£¬¿É°ÑCSS¼ÓÔÚ¡´P¡µ±ê¼ÇÀ¸ø¼¸¶ÎÎı¾¼Ó±ß¿ò£¬ÏÈ°ÑÄǼ¸¶ÎÎı¾ÓÃDIV±ê¼ÇÀ¨ÆðÀ´£¬ÔÙ°ÑCSS¼ÓÔÚ¡´DIV¡µ±ê¼ÇÀÈôÊÇÒª¸øÒ»ÐÐÎı¾¼Ó¼¸¸ö²»Í¬µÄ±ß¿ò£¬ÔòÐèÒª°ÑÎı¾·ÅÔÚ±í¸ñÀÔÙ°ÑCSS·Ö±ð¼Óµ½¡´TD¡µ±ê¼ÇÀï¡£
¡¡¡¡2¡¢¸øµ¼º½²Ëµ¥¼Ó·Ö¸ôÏß
¡¡¡¡ÉÏÃæÕâ¸öÀý×ÓÖеÄС°×Ïߣ¬µ±È»¿ÉÒÔÓÃͼÏóÀ´×ö£¬µ«ÎÒÔÚÕâÀïÊÇÓÃCSSµÄ“border”µÄÀ©Õ¹ÊôÐÔ»Á˱߿òµÄÒ»Ìõ±ß£¬ÕâÑù´úÂëÒªÉٵĶࡣ»±ß¿òµÄµ¥±ßÓëÉÏÀýµÄ±ß¿òµÄËÄÌõ±ßÀàËÆ£¬Ò»¸ö±ß¿òµÄËÄÌõ±ßµÄÊôÐÔÈçÏ£º¡¡¡¡±ß¿òÏßÃû³Æ£ºborder-top£¨Éϱ߿òÏߣ©¡¢border-right£¨Óұ߿òÏߣ©¡¢border-bottom£¨Ï±߿òÏߣ©ºÍboder-l
Ïà¹ØÎĵµ£º
1. CSS×ÖÌ嶨Òå¼òд¹æÔò
Ò»°ãµÄд·¨»áÊÇÕâÑù£º
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
¶øʵ¼ÊÉÏÄã¿ÉÒÔÓøü¼ò½àµÄд·¨£º
font: bold italic small-caps 1em/1.5em verdana,sans-serif
ÊDz»ÊǸüÊ¡Ê£¿²»¹ýʹÓÃÕâ ......
ÒÔÏÂÊÕ¼¯·ÖÏíµÄÊý¾Ýͼ±íµÄչʾЧ¹û£¬ÊÇÍêÈ«ÓÃhtmlºÍcssÀ´ÊµÏֵġ£Í¨¹ý×ÐϸÑо¿Ñ§Ï°ÕâЩ°¸Àý¶ÔÓÚÎÒÃÇѧϰcss»áÓкܴó°ïÖúµÄ¡£
1¡¢ÍêȫʹÓÃdiv¡¢spanºÍcssÖÆ×÷µÄÊý¾Ýͼ±í¡£
2¡¢ÓкܶàÓô¿cssÖÆ×÷µÄÊý¾Ýͼ±í£¬ÎҸоõÕâ¸öÊÇ×öµÄ×îƯÁÁµÄÒ»¸ö¡£
3¡¢Õâ¸öÏßÐÎÊý¾Ýͼ±íÍêÈ«»ùÓÚhtmlºÍcssÖÆ×÷µÄ£¬Ã»ÓÐÓ¦ÓÃjs¡£ÕâÑùµÄͼͼ±í¼ÓÔØ¿ì£ ......
IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖصÄÐÔÄÜÎÊÌâ¡£
ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
&nb ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT=""& ......