/*헤드에서 태그 정렬설정*/
#p1{
text-align: center;
}/* 단어별 사이에 공간주기 */
.p2{
word-spacing: 30px;
}/* 문자 하나당 공간주기 */
.p3{
letter-spacing: 20px;
}/* 글자(문장)사이의 높이 조절 */
.p4{
line-height: 1.7em;
}
/* a태그에 링크 밑줄라인 제거 */
a{
text-decoration: none;
}
/* 방문 한 사이트의 색상을 다르게 줌 */
a:visited {
color: #0000ff;
}
/* 마우스를 가져다 댔을경우 색이 바뀜 */
a:hover {
color: #ffff00;
background-color: #000;
}
/* 클릭하면(클릭한상태유지시) 색상이 바뀜 */
a:active {
color: rgb(255,255,255);
}
<!-- body에서 정렬 -->
<p align="left">p Tag left</p>
<p align="center">p Tag center</p>
<p align="right">p Tag right</p>
<h3 style="text-align: center;">h3 Tag center</h3><head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#p1{
text-align: center;
}
/* 단어별 사이에 공간주기 */
.p2{
word-spacing: 30px;
}
/* 문자 하나당 공간주기 */
.p3{
letter-spacing: 20px;
}
/* 글자(문장)사이의 높이 조절 */
.p4{
line-height: 1.7em;
}
</style>
</head>
<body>
<!-- 정렬 -->
<p align="left">p Tag left</p>
<p align="center">p Tag center</p>
<p align="right">p Tag right</p>
<h3 style="text-align: center;">h3 Tag center</h3>
<p id="p1">p Tag id = p1</p>
<p class="p2">p Tag class = p2</p>
<p class="p3">p Tag class = p3</p>
<p class="p4">
박 시장의 운구차와 유가족이 탄 버스는 오전 7시47분께 서울시청 광장에 도착했다. 박 시장의 위패와 영정을 든 행렬은 서울시청 광장에 마련된 분향소를 지나 서울시청으로 곧바로 이동했다. 박 시장의 영정이 지나가는 행렬 뒤로도 흐느끼는 시민들의 모습도 보였다. 당초 장례위 계획상 20여분간 서울시청 광장에서 영현 봉송을 진행하려 했으나, 비가 와서 일정을 일부 축소해서 진행했다.
박 시장의 영결식은 오전 8시 30분부터 서울시청 8층 다목적홀에서 온라인으로 40여분 간 진행된다. 영결식 현장에는 유족과 장례위원 등 100여명 가량의 제한된 인원만 참여한다. 영결식은 서울시와 티비에스(TBS) 교통방송 유튜브 채널에서 생중계할 예정이다. 이후 서울 추모공원에서 화장 절차를 진행하고 박 시장의 선영이 있는 경남 창녕으로 이동해 매장할 계획이다.
</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body {/* 기본 바디깔고 아래서 나머지 따로 수정 */
color: blue;
text-align: center;
}
h1{
color: #ff0000;
text-decoration: overline;
}
p{
color: #ffff00;
}
p.ex{
color: rgb(0, 255, 0);
text-align: right;
text-decoration: line-through;
}
a{/* a태그에 링크 밑줄라인 제거 */
text-decoration: none;
}
a:visited {/* 방문 한 사이트의 색상을 다르게 줌 */
color: #0000ff;
}
a:hover {/* 마우스를 가져다 댔을경우 색이 바뀜 */
color: #ffff00;
background-color: #000;
}
a:active {/* 클릭하면(클릭한상태유지시) 색상이 바뀜 */
color: rgb(255,255,255);
}
</style>
</head>
<body>
<h1>“윤석열은 할 수 있는 게 없었다”… 상처만 남은 檢</h1>
<p>“탈당하겠다” “피해자 편 고맙다”…조문 진통 겪는 정의당</p>
<p class="ex">“탈당하겠다” “피해자 편 고맙다”…조문 진통 겪는 정의당</p>
<a href="http://www.naver.com">Naver 사이트로 이동</a>
<br>
<a href="http://www.google.com">google로 이동</a>
<br>
<a href="http://zum.com">zum으로 이동</a>
</body>
</html>
'CSS' 카테고리의 다른 글
| CSS파일// js파일과 html호출하여 테이블 셋팅하기 (0) | 2020.07.13 |
|---|---|
| CSS 테이블 다루기 (0) | 2020.07.13 |
| CSS div 다루기 (0) | 2020.07.13 |
| CSS 폰트 다루기 (0) | 2020.07.13 |
| CSS적용 방식 (0) | 2020.07.13 |
