메뉴 보이기
Profile
이온디

2008.12.31

Rounded corners without images

조회 수 3202 추천 수 0
출처 및 URL http://www.html.it/articoli/nifty/nifty1js.html 
소스 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: Javascript CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 20px;background-color: #377CB1;
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ margin: 0 10%;background: #9BD1FA}
</style>
<link rel="stylesheet" type="text/css" href="http://www.html.it/articoli/nifty/niftyCorners.css">
<script type="text/javascript" src="http://www.html.it/articoli/nifty/nifty.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
Rounded("div#nifty","#377CB1","#9BD1FA");
}
</script>
</head>
<body>
<div id="nifty">
<h1>Nifty Corners</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
<h2>Rounded corners without images</h2>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p>
<p>Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia
uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
<p>Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
uaeuueuu eeue ieu.</p>
</div>


</body>
</html> 

Nifty Corners

Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.

Rounded corners without images

Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.

Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.

Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu uaeuueuu eeue ieu.

Profile
0
Lv

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 99
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19176
공지 [미분류] 관련 링크 2010.05.23 33743
80 리다이렉트 방식에 대해서..... 2009.01.04 3605
79 DIV와 Table for Layout 에 대한 코딩 이야기 2 2009.01.03 4201
78 크로스브라우징 팁 정리 2 2009.01.01 4178
77 Rounded Corners 2008.12.31 3403
76 이미지 없이 CSS로 둥근 모서리 구현하기(1) 2008.12.31 3198
Rounded corners without images 1 2008.12.31 3202
74 [DIV] 이미지 없이 CSS로 둥근 모서리 구현하기 1 2008.12.31 12379
73 CSS 강좌 2일차 : display : inline(혹은 block, none) 2008.12.27 9006
72 구글 인덱스 코드 2008.12.25 3022
71 Table to DIV 5 2008.12.25 3580
70 [Script] 입력폼에 배경 넣기 2008.12.22 4461
69 [Script] onload="allblur()" 2007.11.10 4677
68 [Script] 레이어를 이용한 서브 메뉴 2007.09.10 6106
67 [미분류] 태터에 제로보드 넣기 & Next, Prev 버튼 감추기 (by SkyRejoice) 2007.08.27 11303
66 [HTML5] pre 태그랑 xmp 태그의 차이점 1 2007.08.20 9668
65 [Script] 스위칭 탭 2007.08.19 3913
64 [Script] 최소/최대화 버튼 없는 군더더기 없는 새창 띄우기 2007.04.22 6164
63 [Script] PNG 알파 필터 사용하기 1 2007.04.21 10392
62 [Script] DIV 레이어 토글 1 2007.04.21 7834
61 [PHP] 사이트 테마 기능 구현하기 1 2007.04.18 5552