온라인으로 경품 정보를 검색할 때 시험지의 빈칸 채우기 문제처럼 한 줄만 작성해야 하는 일부 등록 양식을 자주 보게 되는데, 정말 멋지네요!
실제로 이러한 효과를 얻는 것은 어렵지 않습니다. 이를 달성하려면 매우 짧은 CSS 코드만 사용하면 됩니다.
| 인용된 내용은 다음과 같습니다. < 스타일 유형="텍스트/css"> < !-- .xian{BORDER-LEFT-STYLE: 없음; BORDER-RIGHT-STYLE: 없음; --> </style> |
코드의 기능은 다음과 같습니다.
| 인용된 내용은 다음과 같습니다. "BORDER-LEFT-STYLE: 없음": 왼쪽 테두리를 표시하지 않습니다. "BORDER-RIGHT-STYLE: 없음": 오른쪽 테두리를 표시하지 않습니다. "BORDER-TOP-STYLE: 없음": 위쪽 테두리를 표시하지 않습니다. "BORDER -bottom-STYLE: none" ": 위쪽 테두리를 표시하지 않습니다. 이것을 추가하면 테두리가 전혀 표시되지 않습니다. |
적용 사례를 살펴보겠습니다.
| 인용된 내용은 다음과 같습니다. <html> <머리> <title>온라인으로 빈칸을 채우세요</title> < 스타일 유형="텍스트/css"> < !-- .xian{BORDER-LEFT-STYLE: 없음; BORDER-RIGHT-STYLE: 없음;} --> </ /style>< !--참고: 이 섹션은 CSS 코드입니다. 여기에서 매개변수를 변경하면 더 멋진 효과를 설정할 수 있습니다.--> </head> < body bgcolor="#FFFFFF" text="#000000"> 테두리를 숨기세요 <p>사용자 이름: < input type="text" name="name" class=xian> <!--참고: class=를 추가해야 하며 양식에 CSS가 적용되도록 설정하세요--> < /p> < /본문> < /html> |
얻은 효과는 간단하고 상쾌합니다. 형태도 바꿔보세요!