CSS에서 점선을 설정하는 방법

CSS에서 점선을 설정하는 방법: 1.

태그를 만든 다음 CSS 스타일을 div에 "border-bottom:red 1px dashed;"로 추가합니다. hr 태그를 추가한 다음 hr 태그 속성에 테두리를 추가하면 점선 효과를 얻을 수 있습니다.

이 문서의 데모 환경: Acer S40-51, Windows10 Home Chinese Edition, HTML5&&CSS3&&HBuilderX.3.0.5.

추천: "css 비디오 튜토리얼"

css에서 점선을 설정하는 방법

점선 테두리를 설정하여 점선 설정:

• HTML에서

  점선으로 설정할 수 있습니다.

  먼저

  태그를 생성할 수 있습니다:

  <div class="xuxian"></div>

  로그인 후 복사

  그런 다음 테두리 높이를 0으로 설정하고 위쪽 테두리 또는 아래쪽 테두리를 1픽셀 점선으로 설정합니다.

  자세한 내용은 다음과 같습니다.

  .xuxian{
  width:100%;
  height:0;
  border-bottom:red 1px dashed;}
  /*red表示虚线的颜色为红色，1px表示边框宽度为一个像素，dashed表示边框线型为虚线*/

  로그인 후 복사

  Rendering:

  

  • HTML에서는 hr 태그에 CSS 스타일을 설정하여 점선 효과를 얻을 수도 있습니다.

  css 코드:

  hr{border:blue 1px dashed}

  로그인 후 복사

  렌더링:

  

  전체 코드는 다음과 같습니다.

  
  
  
      
      
  
  
  
  
  
  
  <div class="xuxian"></div>
  
  
  
  

  로그인 후 복사

  더 많은 컴퓨터 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 CSS에서 점선을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!