Web Language/CSS || HTML

textarea 박스 안에 라인 집어 넣기, 버튼에 이미지 넣기, 풍선도움말넣기

해피마루 2018. 8. 30. 11:05
728x90
반응형

>> textarea 박스 안에 라인 집어 넣기 css 예제

 

<textarea name="cont" id="cont" wrap="hard" style="font-family:굴림;width:98%;height:92;border:1 solid silver;background-image:url('./img/line/smaill_line.gif')">

내용

</textarea>

 

 

>> 버튼에 이미지 넣는 css 예제

 

.btn_img{

background:#9bb5d4 url(./img/btn_round_img.gif) no-repeat right 50%;

padding:2px 10px 4px 0;

width:55px;

height:17px;

font-family:굴림;

font-size:9pt;

color:#ff3333;

border:0;

}

 

 

>> 풍선도움말 넣기 

 

이미지 풍선도움말 ( alt 사용)

<img src="./img/start.jpg" alt="별이미지입니다.">

 

텍스트 풍선도움말 (title 사용 )

<a href="http://www.naver.com" title="네이버링크">네이버</a>

<font title="글자풍선말">텍스트에 풍선도움말넣기</font>

728x90
반응형