[CSS]ç”»åƒç„¡ã—ã§ä¸‰è§’形を作æˆã™ã‚‹ä»•çµ„ã¿ã¨ãれを応用ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç”»åƒç„¡ã—ã§ä¸‰è§’形を作æˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è§£èª¬ã¨ã€ãれを使ã£ã¦å¹ã出ã—や折り返ã—を作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ CSS Quick Tip: CSS Arrows and Shapes Without Markup デモページ（当方作æˆï¼‰ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ CSSã§ä¸‰è§’形を作æˆã™ã‚‹ä»•çµ„ã¿ CSSã§ä½œæˆã—ãŸä¸‰è§’形を使ã£ã¦å¹ã出ã—ã‚’ä½œæˆ CSSã§ä½œæˆã—ãŸä¸‰è§’形をã•ã‚‰ã«å¿œç”¨ 対応ブラウザ CSSã§ä¸‰è§’形を作æˆã™ã‚‹ä»•çµ„ã¿ ã¾ãšã¯åŸºæœ¬ã¨ãªã‚‹ä¸‰è§’å½¢ã®ä½œã‚Šæ–¹ã§ã™ã€‚ 三ã¤ã«Stepを分ã‘ã¦ã€è§£èª¬ã—ã¾ã™ã€‚ デモページ（当方作æˆï¼‰ CSS：Step 1 三角形ã®å…ƒã¨ãªã‚‹å››è§’形を作æˆã—ã¾ã™ã€‚ 三角ã®ã‚µã‚¤ã‚ºã¯ã€Œborder:10px;ã€ã§æ±ºã¾ã‚Šã¾ã™ã€‚高ã•ã¯ãã®ã¾ã¾ã€å¹…ã¯å€ã§ã™ã€‚ height, widthã¯ä»®ã®ã‚‚ã®ã§ã™ã€‚ .step1{ height:20px; w
{{#tags}}- {{label}}
{{/tags}}