티스토리 뷰

UI_UX/HTML & CSS

[CSS] 4. 단락

쟌쥰 2020. 1. 25. 22:28 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<style type="text/css">

	div{
		text-align: center;
		text-transform: capitialize;
		letter-spacing: 10px;
		font-size: 40pt;
	}
	p{
		text-indent: 30px;
	}
	p#one{
		text-decoration: overline;
	}
	p#two{
		text-align: center;
	}
</style>

</head>
<body>
	<div>
		<b>alphaGO news</b>
	</div>

	<p>'인공지능의 착각'…이세돌, 'AI 한돌'에 첫판 불계승(종합)</p>

	<p id="one">
		이세돌, AI 한돌과의 승부 (서울=연합뉴스) 홍해인 기자 = <br>
		이세돌 9단이 18일 서울 강남구 바디프랜드 도곡타워에서 '바디프랜드 브레인마사지배 이세돌 vs 한돌' 은퇴 대국을 펼치고 있다.<br>
		한돌은 NHN이 2017년 12월 선보인 바둑 인공지능(AI) 프로그램이다.<br>
	</p>
	
	<p id="two">
		<img alt="badook" src="https://img1.yna.co.kr/photo/yna/YH/2019/12/18/PYH2019121811240001300_P4.jpg"/>
	</p>
	
	<p id="three">
		이세돌은 18일 서울 강남구 도곡동 바디프랜드 사옥에서 열린 NHN의 바둑 인공지능 한돌과 '바디프랜드 브레인마사지배 이세돌 vs 한돌' 치수고치기 3번기 제1국에서 92수 만에 불계승을 거뒀다.<br>
		3년 전 호선으로 대결했던 알파고와의 대결과 달리 이날 대국은 이세돌이 2점을 깐 상태에서 덤 7집 반을 주는 방식으로 진행됐다.<br>
		그만큼 인공지능의 우세를 인정하는 수치다.<br>
	
	</p>
	
	
	
</body>
</html>

html5 에서 단락은 주로 <p> 태그를 이용해 나타낸다.

 

타입 선택자 및 id 선택자를 통해 p 태그에 스타일시트를 적용하였다.

'UI_UX > HTML & CSS' 카테고리의 다른 글

[CSS] 7. css3(border / background / transform / animation / multi_ui)  (0) 2020.01.25
[CSS] 6. 레이아웃 ( float / clear / display / overflow / position )  (0) 2020.01.25
[CSS] 3. Font  (0) 2020.01.25
[CSS] 1. 외부/내부 스타일시트(CSS) 적용방법  (0) 2020.01.25
[HTML] 3. HTML5 시맨틱 태그  (0) 2020.01.25
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/07   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함