Fieldset, Legend 태그 활용하여 블로그 꾸미기

[마인드맵사랑]

HTML Fieldset, Legend 태그

필드셋은 3가지 요소로 구성되어 있습니다.

• fieldset 태그 : 네모 박스를 만드는 태그
• legend태그 : 네모 박스 테두리 사이에 들어갈 내용을 입력하는 태그
• 네모박스에 들어갈 내용

css의 태그선택자를 이용하여 테두리 등을 꾸며 보았습니다. 블로그 꾸미기에 활용하면 좋을 듯 하군요.^^

커피 한잔의 여유

익스플로러와 구글크롬이 실행결과가 다르게 나타나는데요..
참고하세요!
https://www.evernote.com/shard/s158/sh/68a06438-adb1-4912-88c2-02f9efc5e940/e93dd95243d9ed4f42984bf51720212d

마인드맵요약

소스텍스트

<title>Fieldset, Legend 태그 활용하여 블로그 꾸미기</title>
<style type="text/css">
 *{margin: 0px; padding: 0px; }
 fieldset.fs1{
  width: 400; border: 20 ridge DarkSlateGray ;
  padding: 5; background: black ;margin: 20 0;
  } /* margin은 적용안됨*/
 legend.lg1{
  border: 15 groove Indigo ; background: CadetBlue ; }
 h3.h-style1{color:white; padding: 5 20; }
 /* 기타 */
  h1{margin-bottom: 20; }
</style>
<!- HTML Fieldset, Legend 태그 설명->
 <h1> HTML Fieldset, Legend 태그</h1>
  필드셋은 3가지 요소로 구성되어 있습니다.
  <ul style="margin: 20px; padding: 10px; ">
   <!- 별표선택자에서 마진과 패딩값을 0으로 설정한 경우( *{margin: 0px; padding: 0px; } )에 스타일로 값을 주어야 정상적으로 목록 기호가 보임 ->
   <li>fieldset 태그 : 네모 박스를 만드는 태그</li>
   <li>legend태그 :  네모 박스 테두리 사이에 들어갈 내용을 입력하는 태그</li>
   <li> 네모박스에 들어갈 내용</li>
  </ul
 가로 크기는 기본적으로 화면의 100%를 차지하므로 width속성으로 크기를 직접 조절할 수 있지요. <br>
 css의 태그선택자를 이용하여 테두리 등을 꾸며 보았습니다. 블로그 꾸미기에 활용하면 좋을 듯 하군요.^^ <br><br>
<fieldset class="fs1">
 <legend class="lg1">
  <h3 class="h-style1">커피 한잔의 여유</h3>
 </legend>
 <!- 네모박스에 들어갈 내용 ->
  <img  src="
   https://lh6.googleusercontent.com/-Xp9N1qVLgoc/UPtvbE8OAdI/AAAAAAAAARs/7SU8iJHx9Ro/s400/coffee01.gif" width=400>
 </fieldset>

[John Baptist]

특별한 서비스를 원하시면 민주를 찾아주세요
아주 비밀 스럽고 로매틱한 시간 같고 싶어요
http://DentaLchiNa.com.cn/pkgme.html

[미안__사랑]

당신을 위한 힐링 ♥마담뚜♥
대학생부터 미시까지 화끈한 몸의대화
나의 인연을 찾아보세요...섹파+엔조이+애인대행
http://hoobo21.com/SEX69.html

[땡초라이러]

당신을 위한 힐링 ♥마담뚜♥
대학생부터 미시까지 화끈한 몸의대화
나의 인연을 찾아보세요...섹파+엔조이+애인대행
http://hoobo21.com/SEX69.html