★ 하이퍼 링크시 밑줄 없애는 기능 ★
★ 결과물 확인
아래의 내용은 <IFrame> 기능으로 불러들인 결과물 입니다.
림크되어 있는 주소는 같은데 밑줄이 사라졌죠~~~
{1} Window Menu > CSS Styles > New Style 적용
태그문 <a> 는 하이퍼 링크시 사용하는 태그입니다.
{Redefine HTML Tag} Type 는 일률적인 태그문에 CSS 스타일 시트를 적용하는 방법입니다.
{2} 스타일 지정해 주는 Style Definition 대화상자
▷ Decoration :
None{밑줄 없애는 기능}
{3} {Show Code View} 상에서 아래의 내용을 하나씩 넣으세요.
|
<html>
<head>
<title>하이퍼 링크시 밑줄 없애기</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
{CSS style이 들어갈 부분}
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="370" border="1" height="56" cellpadding="0" cellspacing="0" style="border-collapse:collapse" bordercolor="#CCCCCC">
<tr>
<td>
<div align="center"><a href="../../mainpage.html" target="_blank"><font size="2">Home</font></a><font size="2">
| <a href="../../profile/main.htm" target="_blank">Profile</a> | <a href="../../gallery/main.htm" target="_blank">Gallery</a>
| <a href="../../my-friend/main.htm" target="_blank">My Friend</a> | <a href="../../music-box/main.htm" target="_blank">Music
Box<br>
</a><br>
<a href="../../mainpage.html" target="_blank">CSS 적용되기 전</a></font></div>
</td>
</tr>
</table>
</body>
</html>
|
{4} 적용된 결과물의 HTML 태그문입니다.
태그문 <Head> 와 </Head> 에서 선언된 CSS는 <Body> 안의 <a> 태그에는 무조건 다 적용이 됩니다.
|
<html>
<head>
<title>하이퍼 링크시 밑줄 없애기</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
a { font-size: 9pt; color: #000000; text-decoration: none}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="370" border="1" height="56" cellpadding="0" cellspacing="0" style="border-collapse:collapse" bordercolor="#CCCCCC">
<tr>
<td>
<div align="center"><a href="../../mainpage.html" target="_blank"><font size="2">Home</font></a><font size="2">
| <a href="../../profile/main.htm" target="_blank">Profile</a> | <a href="../../gallery/main.htm" target="_blank">Gallery</a>
| <a href="../../my-friend/main.htm" target="_blank"><font color="#000000">My
Friend</font></a> | <a href="../../music-box/main.htm" target="_blank">Music
Box<br>
</a><br>
<a href="../../mainpage.html" target="_blank">CSS 적용된 후</a></font></div>
</td>
</tr>
</table>
</body>
</html>
|
