TextArea 박스 내부에 밑줄이미지 삽입
작성자 : 단국강토
등록날짜 : 2009.02.16 11:26
** 간혹 TextArea를 보면 글쓰기 부분에 글쓰기밑줄이 있는 사이트가 있습니다.
** 그것을 가능하게 하는 소스입니다.
** 스타일시트를 정의합니다.
textarea.content {
font-family : "돋움";
font-size : 9pt;
color : #666666;
border : 1px #c9c9c9 solid;
background-image: url(image/textline.gif); <= 요 부분이 라인 이미지를 넣는것이지요.
line-height: 15pt;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #C9C9C9;
scrollbar-highlight-color: #C9C9C9;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666
}
** 실제구현은 아랩니다.
<textarea name=context Class=content></textarea>
** 텍스트 라인이 필요하면 여기서 다운받으세요..
** 그것을 가능하게 하는 소스입니다.
** 스타일시트를 정의합니다.
textarea.content {
font-family : "돋움";
font-size : 9pt;
color : #666666;
border : 1px #c9c9c9 solid;
background-image: url(image/textline.gif); <= 요 부분이 라인 이미지를 넣는것이지요.
line-height: 15pt;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #C9C9C9;
scrollbar-highlight-color: #C9C9C9;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666
}
** 실제구현은 아랩니다.
<textarea name=context Class=content></textarea>
** 텍스트 라인이 필요하면 여기서 다운받으세요..
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|