안녕하세요~ 예화사랑입니다~ 오늘은 텍스트 박스를 이쁘게 꾸미는 방법에 대해 알아보도록 하겠습니다. 이쁜 텍스트 박스를 서식에 넣어놓고 필요할때 마다 불러내서 사용하시면 매우 편리할것입니다. 여러가지 예제들을 준비했으니 마음에 드는걸로 가져가서 사용하시기 바랍니다~ 마음에 드는 색상이 없으면 직접 색상을 선택해서 사용하셔도 좋을듯합니다~^^ Show
1. 기본1 - 간단한 사각 테두리 박스
이쁜 테두리 박스 예제 입니다. 텍스트 박스를 이쁘게 꾸며보세요.
이쁜 테두리 박스 예제 입니다. 텍스트 박스를 이쁘게 꾸며보세요.
이쁜 테두리 박스 예제 입니다. 텍스트 박스를 이쁘게 꾸며보세요.
2. 기본2 - 모서리가 둥근 텍스트 박스
모서리가 둥근 테두리 박스 예제입니다. 텍스트 박스를 둥글게 꾸며보세요.
모서리가 둥근 테두리 박스 예제입니다. 텍스트 박스를 둥글게 꾸며보세요.
모서리가 둥근 테두리 박스 예제입니다. 텍스트 박스를 둥글게 꾸며보세요.
3. 기본3 - 점선 테두리 텍스트 박스
점선 테두리 텍스트 박스 예제입니다. 텍스트 박스를 점선으로 꾸며보세요.
점선 테두리 텍스트 박스 예제입니다. 텍스트 박스를 점선으로 꾸며보세요.
4. 응용1- 둥근 점선 테두리 박스
둥근 점선 테두리 텍스트 박스 예제입니다. 텍스트 박스를 둥근 점선으로 꾸며보세요.
둥근 점선 테두리 텍스트 박스 예제입니다. 텍스트 박스를 둥근 점선으로 꾸며보세요.
둥근 점선 테두리 텍스트 박스 예제입니다. 텍스트 박스를 둥근 점선으로 꾸며보세요. 0
둥근 점선 테두리 텍스트 박스 예제입니다. 텍스트 박스를 둥근 점선으로 꾸며보세요. 1
5. 응용2- 소제목 꾸미기
소제목 서식으로 유용할것 같습니다. 2
소제목 서식으로 유용할것 같습니다. 3
소제목 서식으로 유용할것 같습니다. 4
소제목 서식으로 유용할것 같습니다. 5
6. 마무리 한마디
이렇게해서 이쁜 텍스트 박스를 만드는 방법에 대해 알아보았습니다. 이것을 응용하시면 CSS 로 변환해서 멋진 소제목을 완성하실수도 있을겁니다~ 저도 이렇게 정리를 하고 보니 나중에 활용할때 유익할것 같습니다~ HTML을 조금만 공부하셔도 위 예제들을 참고로 더욱 많은 응용을 할수가 있을겁니다~ |