박스모델 CSS3 학습 테두리(Border)

이 글의 내용은 박스 모델의 CSS3 학습 경계에 관한 것입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

박스 모델의 border

Border 관련 속성

Border-width 테두리 크기 조절 길이에 값 할당

　border-style 테두리 스타일 제어none 테두리 없음solid 실선 점선 점선 점선 점선double 이중선

　border-color 제어 테두리 색상 4가지 색상 표현

　border-top 상단 테두리 스타일 제어

　 border-right 오른쪽 테두리 스타일 제어

　 border-bottom under control Border-left

왼쪽 테두리의 스타일을 제어하세요

사실 4개의 변도 복합 속성입니다:

Border-top 분할 가능

border -top-color　border-top-width　border-top-style　（나머지 세 변 등）　 테두리 연속 쓰기

이론적으로:

순서가 없고 생략가능

케이스 : 표 테두리, 4색 상자, 양식 테두리

nbsp;html>
  <meta>
  <title>Document</title>
  <style>
    table {
      width: 800px;
      height: 300px;
      border: 1px solid #000;
      border-collapse: collapse;/*去掉边框：细线*/
    }
    th,td {
      border: 1px solid #000;
    }
  </style>
  

                                                                                                                                                                                                                                                                  

今日小说排行榜

排名	关键词	趋势	今日搜索	最近七日	相关链接
1	鬼吹灯		65589	45	贴吧 图片 百科
2	盗墓笔记		1	456	贴吧 图片 百科

    
    Document

    <p></p>

위 내용은 박스모델 CSS3 학습 테두리(Border)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!