336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이번엔 위쪽 테두리를 넣을려고 합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 |
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
document.getElementById("testDiv").style.borderTop = "1px solid #000000"; //위쪽메두리를 1픽셀로 검정색으로 추가합니다.
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div name='testDiv' id='testDiv' style='width:100px'>text</div>
</body>
</html> |
cs |
이화면은 실행화면입니다. 버튼을 클릭하면 밑에 그림처럼 출력을 해줍니다.
'JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT border의 선종류 (0) | 2015.11.26 |
|---|---|
| JAVASCRIPT 아래쪽테두리사용하기(borderBottom) (0) | 2015.11.25 |
| JAVASCRIPT 오른쪽 테두리사용하기(borderRight) (0) | 2015.11.25 |
| JAVASCRIPT 왼쪽테두리 사용하기(borderLeft) (0) | 2015.11.25 |
| JAVASCRIPT CSS 테두리넣기 (0) | 2015.11.25 |