반응형

CSS 17

CSS로 입력 및 제출 버튼을 스타일화하는 방법은 무엇입니까?

CSS로 입력 및 제출 버튼을 스타일화하는 방법은 무엇입니까? CSS를 배우고 있습니다.CSS로 입력 및 제출 버튼을 스타일화하는 방법은 무엇입니까? 이런 걸 만들려고 하는데 어떻게 해야 할지 모르겠어요. Name Email Message http://jsfiddle.net/vfUvZ/ 여기서 출발점이 있습니다. CSS: input[type=text] { padding:5px; border:2px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; } input[type=text]:focus { border-color:#333; } input[type=submit] { padding:5px 15px; background:#ccc; border:0 n..

IT 2023.08.26

CSS를 사용하여 양식 입력에 '필수 필드' 별표를 자동으로 추가합니다.

CSS를 사용하여 양식 입력에 '필수 필드' 별표를 자동으로 추가합니다. 이 코드가 원하는 대로 작동하지 않는다는 불행한 사실을 극복할 수 있는 좋은 방법은 무엇입니까? Name: 에서, 것이 요구되었습니다.inputs는 필드가 필수임을 나타내는 작은 별표를 받습니다.CSS가 요소 자체의 뒤가 아니라 요소 내용 뒤에 삽입되기 때문에 이 솔루션은 불가능합니다.필드가 를 한할 수 (" 천 개 필 필 있 수 다 있 수 니 습 할 이 동 여 하 변 경 줄 로 의 한 수 를 드 가 별 있 트 입 앞 표 에 력 는 사 는 이 서 에 ▁on 수 ▁the ▁in , ▁( ▁move ( ▁asterisk ▁to ▁fields 다 ▁required ▁of ▁thousands ▁with ▁one 니 ▁line 있 ▁i:af..

IT 2023.08.16

CSS3 회전 애니메이션

CSS3 회전 애니메이션 이 애니메이션 이미지를 작동시킬 수 없습니다. 360도 회전해야 합니다. 아래 CSS가 가만히 있어서 뭔가 잘못된 것 같습니다. .image { float: left; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animat..

IT 2023.08.11

하위 요소에 CSS 스타일 적용

하위 요소에 CSS 스타일 적용 특정 클래스가 있는 DIV 내부의 테이블에만 스타일을 적용하려고 합니다. 참고: 저는 차라리 어린이 요소를 위한 css-selector를 사용하고 싶습니다. 1번은 작동하고 2번은 작동하지 않는 이유는 무엇입니까? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: some data here some data here 내가 뭘 잘못하고 있는 거지?이 코드 "div.test th, td, caption {padding:40px 100px 40px 50px;}모두에게 규칙 ..

IT 2023.08.06

CSS를 사용하여 텍스트 숨기기

CSS를 사용하여 텍스트 숨기기 HTML에 다음과 같은 태그가 있습니다. My Website Title Here css를 사용하여 텍스트를 실제 로고로 바꾸고 싶습니다.저는 태그의 크기를 조정하고 배경 이미지를 css를 통해 넣는 것으로 문제없이 로고를 받았습니다.하지만, 저는 그 문자를 어떻게 없애야 할지 모르겠어요.저는 이전에 기본적으로 화면에서 텍스트를 밀어내는 것을 본 적이 있습니다.문제는 어디서 봤는지 기억이 안 나요.이것은 한 가지 방법입니다. h1 { text-indent: -9999px; /* sends the text off-screen */ background-image: url(/the_img.png); /* shows image */ height: 100px; /* be sure t..

IT 2023.07.27

CSS 삼각형은 어떻게 작동합니까?

CSS 삼각형은 어떻게 작동합니까? CSS 트릭에는 다양한 CSS 모양이 많이 있습니다 - CSS 모양과 저는 특히 삼각형에 대해 어리둥절합니다. #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 어떻게 그리고 왜 작동합니까?CSS 삼각형: 5막의 비극 알렉스가 말했듯이, 너비가 같은 테두리는 45도 각도로 서로 맞닿아 있습니다. 상단 테두리가 없는 경우 다음과 같이 나타납니다. 그런 다음 너비를 0으로 지정합니다. ...그리고 0의 높이... 마지막으로 두 측면 경계를 투명하게 만듭니다. 그러면 ..

IT 2023.06.27

"이전 형제" 선택기가 있습니까?

"이전 형제" 선택기가 있습니까? 선택기+하기 위한 것입니다.는 다음 인접한 형제자매를 선택하기 위한 것입니다. 이전 형제자매와 동등한 것이 있습니까?아니요, "이전 형제" 선택기가 없습니다. 관련해서 말씀드리자면,~는 일반적인 후계 형제자매(요소가 이 형제자매 뒤에 오는 것을 의미하지만, 반드시 직후에 오는 것은 아님)를 위한 것이며 CSS3 선택기입니다. +다음 형제를 위한 것이고 CSS2.1입니다. 선택기 레벨 3 및 5.7 인접 형제 조합기 계단식 스타일 시트 레벨 2 개정판 1(CSS 2.1) 사양의 인접 형제 조합기를 참조하십시오.의 모든을 주는 .~ 할 수 있습니다.) 필요한 항목에 따라 작동할 수 있습니다. 링크 목록이 있고 하나 위를 맴돌 때 이전의 모든 링크가 빨간색으로 변한다고 가정해..

IT 2023.06.02
반응형