반응형

CSS 5

CSS3 변환이 작동하지 않음

CSS3 변환이 작동하지 않음 저는 메뉴 항목을 10도 회전시켜 변형을 시도하고 있습니다.제 CSS는 파이어폭스에서 작동하지만 크롬과 사파리에서는 효과를 복제하지 못했습니다.IE가 이 CSS3 속성을 지원하지 않는다는 것을 알고 있으므로 문제가 되지 않습니다. 저는 다음 CSS를 사용했습니다. li a { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } 누가 제가 어디가 잘못되고 있는지 제안해 주실 수 있나요? 감사해요.이는 HTML/CSS의 나머지 부분을 보지 못한 채로 학습된 추측에 불과합니다. 신청해보셨습니까?display: block아니면display: inline-block로.l..

it-source 2023.09.08

CSS/HTML: 입력 필드 주위에 빛나는 테두리 만들기

CSS/HTML: 입력 필드 주위에 빛나는 테두리 만들기 저는 제 양식에 맞는 적절한 입력 자료를 만들고 싶습니다. 그리고 TWITTER가 입력 자료 주변에 빛나는 테두리를 어떻게 만드는지 정말 알고 싶습니다. Twitter 테두리의 예/사진: 저는 둥근 모서리를 어떻게 만드는지도 잘 모릅니다.여기 있습니다. .glowing-border { border: 2px solid #dadada; border-radius: 7px; } .glowing-border:focus { outline: none; border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed; } 라이브 데모: http://jsfiddle.net/simevidas/CXUpm/1/show/ (데모 코드를 보려면..

it-source 2023.09.03

오른쪽에서 CSS 배경 이미지 x 픽셀을 배치하시겠습니까?

오른쪽에서 CSS 배경 이미지 x 픽셀을 배치하시겠습니까? 답은 아니라고 생각합니다만, CSS로 배경 이미지를 오른쪽에서 고정된 픽셀 수만큼 배치할 수 있습니까? 가 면하정으로 하면,background-positionx와 y의 값은 각각 왼쪽과 위쪽에서 고정 픽셀 조정만 제공하는 것 같습니다.background-position: right 30px center; 대부분의 브라우저에서 작동합니다.전체 목록은 http://caniuse.com/ #http=http-background-http를 참조하십시오. 자세한 정보: http://www.w3.org/TR/css3-background/ #배경 위치 " 을속사할수있다니습"를 할 수 .border부터 background: url('/img.png') no-r..

it-source 2023.08.24

CSS는 요소의 각 단어 뒤에 줄 바꿈을 강제로 수행할 수 있습니까?

CSS는 요소의 각 단어 뒤에 줄 바꿈을 강제로 수행할 수 있습니까? 저는 다국어 사이트를 만들고 있는데, 주인이 번역을 도와줍니다.표시된 구문 중 일부는 사이트의 스타일을 유지하기 위해 줄 바꿈이 필요합니다. 때문에, 만약 이 하게도불, 은컴아때문, 그본다면을 본다면, 만약가에.foo bar그가 번역하는 동안 어떻게든 데이터를 수정할 가능성이 있습니다. 모든 단어 뒤에 깨지는 요소에 적용할 CSS 솔루션(폭 변경 외에도)이 있습니까? (PHP로도 할 수 있다는 것은 알지만, CSS에서도 CJK 기능과 같은 것을 수행하기 위해 제가 모르는 멋진 트릭이 있는지 궁금합니다.) 편집 무슨 일이 일어나고 있는지 도표화해 보겠습니다. ---------------- ---------------- | Short Wo..

it-source 2023.08.19

IE에만 스타일 적용

IE에만 스타일 적용 내 CSS 블록은 다음과 같습니다. .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } 7, 7, 8, 9 "보기"를 .width: 100% 이를 달성하는 가장 간단한 방법은 무엇입니까?@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #myElement { /* Enter your style code */ } } 설명:마이크로..

it-source 2023.08.19
반응형