<form> 저번 시간에 이어서 함
-> 저번 시간 바로가기 https://g-gyeom.tistory.com/17
2022.06.21(화) 웹소프트웨어 프로그래밍(4)
이 글은 보호글입니다. 글을 읽으시려면 비밀번호를 입력해주세요.
g-gyeom.tistory.com
<ul style="">
옵션
1. <ul "list-style:disc;">
2. circle
3. square
-> 1번 이후로 앞 부분 생략함
<a> 태그에 스타일 넣는법
a:link -> 기본 상태의 링크 텍스트
a:visited -> 한번 이상 클릭한 상태의 링크 텍스트 꾸미기
a:hover -> 마우스 포인터를 갖다 댄 상태의 링크 텍스트 꾸미기
a:active -> 글자를 클릭하는 순간의 텍스트
->
<a href="#"> -> 실제 사이트로 이동하지 않고 마우스 포인터만 손 모양으로 바뀌게 됨 / 임시 링크라고 함
EX)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS 링크</title>
<style>
a:link{
color:#0000ff;
text-decoration: none;
}
a:visited{
color:#00ff00;
}
a:hover{
color:#ff0000;
font-weight: bold;
text-decoration: underline;
}
a:active{
color:#00ffff;
}
</style>
</head>
<body>
<a href="#">자유게시판</a>
</body>
</html>
'▶ InfoSecurity > Web' 카테고리의 다른 글
| [HTML] Tag (border:단락 경계선) (0) | 2022.07.19 |
|---|---|
| 2022.06.27 백업파일 (0) | 2022.06.27 |
| [HTML] Tag (form 옵션, CSS 기초) (0) | 2022.06.21 |
| [HTML] Tag (미디어 첨부, 테이블) (0) | 2022.06.09 |
| [HTML] Tag (하이퍼링크, 리스트 등) (0) | 2022.06.07 |