Html 에 대한 div 태그를 테두리를 설정하는 방법

나는 경계선을 div 태그를 HTML 로 정의할 수 있다. 일부 브라우저에서는 국경 나타나지 않습니다.

  • 슬라이드에서는 내 HTML 번호:*

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

끝 - &lt 스니핏 >;!

어떻게 설정합니까 HTML 에 대한 국경 div 태그를?

해결책

기술입니까 시도하시겠습니까 명시성 대한 모든 국경 이다. 예를 들면 다음과 같습니다.

border:1px solid black;

참조 국경 대표 속성. 비록 다른 비트 선택적입니다 일부 don& 기본 브라우저 설정 또는 란색이며 너비입니다 # 39, t, d # 39 you& 작성되지는. 네 경우엔 I& # 39; d, s, s # 39 that& 너비입니다 it& # 39 베팅을 하는 제로 지정하지 않는 한.

해설 (2)

사용할 수 있습니다.

border-width:2px;
border-style:solid;
border-color:black;

과 대표

border: 2px solid black
해설 (0)

따라 W3C.

&gt. # 39, & # 39 는 초기 값은 이후 국경 시켜버리므로 none& 볼 수 없고, 경계, 국경 없는 스타일 설정되었습니다.

즉, 테두리의 경계선을 설정해야 하는 스타일 (예를 들어 '솔리드로') 를 무산되었다. 가상 '만' 국경 너비입니다. 설정합니다. 또 기본적으로 같을 것이라고 컬러 텍스트 색상 (일반적으로 doesn& # 39, t look good).

내가 추천하는 설정값입니다 세 가지 스타일:

style="border: thin solid black"
해설 (0)

사용할 수 있습니다.

border-style: solid;
border-width: thin;
border-color: #FFFFFF;

이러한 적절하게 표시되어도 변경할 수 있습니다.

해설 (0)

내 생각엔 이 대화상자에서는 틀렸다니까 겨냥했다.


<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
해설 (0)

그럼 그냥 테두리 폭 필드용 더 설정해야 합니다. 기본적으로 모든 페이지에 스타일 국경. 두께, 색상 알 수 있도록 it 너버 제어됩니다 어떤 색으로 착각.

border-style: solid; border-width:thin; border-color: #FFFFFF;
해설 (0)
  1. 에서 부트스트랩에 [국경 유틸리티와의] [1] 그것을비유하사 그러하매 사용할 수 있습니다.

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>


  .border-5 {
    border-width: 5px !important;
  }


<textarea class="border border-dark border-5">some content
해설 (0)
 .centerImge {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        height:50%;
    }
 <div>
 @foreach (var item in Model)
{
<span> </span>
  <h3 style="text-align:center">  @item.CategoryName</h3>
}
 </div>
해설 (0)