CSS 스타일 및 HTML 태그 요소를 사용하십시오
다른 HTML 태그에 테두리 점선을 추가하기 위해 테두리 점선 효과를 설정하기 위해 몇 가지 공통 레이블 정렬을 선택합니다.
1. 일반적인 HTML 태그P 태그
기간
ul li
테이블 t td
2. CSS 속성 단어는 예에서 사용됩니다국경
너비
키
3. 점선 구현의 핵심 지점 소개테두리는 테두리 속성입니다. 물체의 테두리 효과를 달성하려면 테두리 너비, 테두리 색상 및 테두리 스타일 (단단 또는 점선)을 설정해야합니다.
테두리 : 1px 점선 #f00 테두리 스타일 너비를 1px, 점선 및 점선을 빨간색으로 설정하는 것입니다.
4. 예제 설명위의 레이블에 대해 같은 너비, 동일한 높이 및 테두리 효과를 설정합니다.
5. HTML 코드 완료 :
- <! doctypehtml> <html>
- <head> <metacharset = utf-8/>
- <title> html 국경 점선 데모 www.pcss5.com </title> <style>
- .bor {border : 1pxdashed#f00; 너비 : 300px; 높이 : 60px; 마진-탑 : 10px} span {display : block}/*css 댓글 설명 : 스팬을 형성하는 블록*/
- </스타일> </head>
- <body> <pclass = bor> pbox </p>
- <spanclass = bor> 스팬 박스 </span> <ulclass = bor>
- <li> Ulli List </li> <li> Ulli List </li>
- </ul> <Tableclass = bor>
- <tr> <td> 양식 </td>
- <td> 표 2 </td> </tr>
- <tr> <td> 데이터 </td>
- <td> 데이터 2 </td> </tr>
- </테이블> </body>
- </html>
위의 예제는 동일한 테두리 점선을 포함하여 HTML의 다른 태그에 대해 동일한 스타일을 설정합니다.
6. 브라우저 효과 스크린 샷HTML 세트 경계 및 점선에서 다른 태그의 점선 효과의 스크린 샷