javajsp

테두리 길이가 div 너비보다 작습니까? 다음 코드가 있습니다. div { width: 200px; border-bottom: 1px solid magenta; height: 50px; } div 폭이 200px라서 border-bottom도 200px인데 border-bottom은 div 폭을 변경하지 않고 100px만 원하는 경우 어떻게 해야 하나요?의사 요소를 사용할 수 있습니다.예. div { width : 200px; height : 50px; position: relative; z-index : 1; background: #eee; } div:before { content : ""; position: absolute; left : 0; bottom : 0; height : 1px; width ..

부트스트랩 4 navbar 버튼 아이콘 색상을 변경하려면 어떻게 해야 합니까? 저는 화면 크기가 992px 미만일 때 햄버거 토글러가 추가되는 부트스트랩 웹사이트를 가지고 있습니다.코드는 다음과 같습니다. 햄버거 토글 버튼 색상을 변경할 수 있습니까? 그navbar-toggler-icon의 ( 부의랩 4햄는 (햄버거) SVG 사니다를 background-image토글러 아이콘 이미지에는 두 가지 "버전"이 있습니다.하나는 가벼운 나비바, 하나는 어두운 나비바... 사용하다navbar-dark어두운 배경에 밝은/흰색 토글러용 사용하다navbar-light 배경의 /러글밝회용▁for토러은▁a글▁on. // this is a black icon with 50% opacity .navbar-light .navb..

CSS: 창 너비의 50%에 해당하는 배경색을 설정합니다. 을 얻으려고 하는 것; 두된 것으로 ).background-color에서.body하고 .div창 너비 전체를 늘립니다. 나는 해결책을 생각해냈지만 불행히도.background-size하지 않습니다. IE7/8에서는 속성이 작동하지 않습니다. body { background: #fff; } #wrapper { background: url(1px.png) repeat-y; background-size: 50% auto; width: 100%; } 수도 .background-color재산?이전 브라우저 지원 을 사용할 수 , 에서 이런 것을 하고 싶을 것입니다.div요소: #background { position: fixed; top: 0; left:..

HTML에서 세로줄을 만드는 방법 HTML을 사용하여 수직선을 어떻게 만드나요?선을 다음에 표시할 마크업 주변에서 CSS를 사용하여 스타일을 지정합니다. .verticalLine { border-left: thick solid #ff0000; } some other content 수평 규칙 태그를 사용하여 수직선을 작성할 수 있습니다. 가로줄은 최소 너비와 큰 크기를 사용하여 세로줄이 됩니다.빈 항목을 사용할 수 있습니다.선을 표시할 때와 똑같이 스타일이 지정됩니다. HTML: 정확한 높이(선상에서 스타일 재지정): div.vertical-line{ width: 1px; /* Line width */ background-color: black; /* Line color */ height: 100%; /*..

테이블 열 너비 설정 받은 편지함에 사용되는 간단한 표는 다음과 같습니다. From Subject Date 시작 및 날짜가 페이지 너비의 15%이고 제목이 70%가 되도록 너비를 설정하려면 어떻게 해야 합니까?저는 또한 그 표가 전체 페이지 너비를 차지하기를 원합니다. 15% 70% 15% table { width: 100%; border: 1px solid #000; } th.from, th.date { width: 15% } th.subject { width: 70%; /* Not necessary, since only 70% width remains */ } From Subject Date [from] [subject] [date] 가장 좋은 방법은 당신의 것을 유지하는 것입니다.HTML그리고.CS..

오버라이드 방법!중요? 워드프레스 템플릿의 원본 CSS를 덮어쓰는 사용자 정의 스타일 시트를 만들었습니다.그러나, 나의 달력 페이지에서, 원본 CSS는 각 테이블 셀의 높이를 가지고 있습니다.!important선언: td {height: 100px !important} 제가 이걸 무시할 수 있는 방법이 있을까요?!중요 수식어 재정의 다음을 사용하여 다른 CSS 규칙을 추가합니다.!important그리고 셀렉터에 더 높은 구체성을 부여합니다(셀렉터에 추가 태그, ID 또는 클래스 추가). 동일한 선택기를 가진 CSS 규칙을 기존 규칙보다 나중에 추가합니다(동점에서, 마지막으로 정의된 CSS 규칙이 승리함). 더 높은 특수성(첫 번째는 가장 높음/덮어쓰기, 세 번째는 가장 낮음)을 갖는 몇 가지 예: tab..

가시성:숨김과 디스플레이:없음의 차이점은 무엇입니까? CSS »visibility:hidden그리고.display:none둘 다 요소가 보이지 않게 됩니다.이것들은 동의어입니까?display:none문제의 태그가 페이지에 전혀 나타나지 않음을 의미합니다(단, 돔을 통해 태그와 상호 작용할 수 있음).다른 태그 사이에 할당된 공간이 없습니다. visibility:hidden는 의미가 아닙니다.display:none태그가 표시되지 않지만 페이지에 해당 태그에 대한 공간이 할당되어 있습니다.태그가 렌더링되어 페이지에 표시되지 않습니다. 예: test | Appropriate style in this tag | test 교를(를) 대체하는 중[style-tag-value]와 함께display:none결과: te..