Notice
Recent Posts
Recent Comments
Tags
- ViewBag
- 파일업로드 유효성체크
- 바코드 스캔하기
- Mac Oracle
- javascript 유효성체크
- jquery 바코드생성
- php 캐쉬제거
- TempData
- 강제이동
- SSD 복사
- 하드 마이그레이션
- ViewData
- asp.net Select
- 타임피커
- 하드 윈도우 복사
- asp.net dropdownlist
- javascript 바코드스캔
- javascript redirection
- javascript 바코드 생성
- ASP.Net Core 404
- django 엑셀불러오기
- XSS PHP
- XSS방어
- 404에러페이지
- 바코드 생성하기
- 맥 오라클설치
- 말줄임표시
- jquery 바코드
- 파일업로드 체크
- asp.net core Select
웹개발자의 기지개
float 연습 1 본문
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS float 연습 01</title>
<style type="text/css">
div {
width: 150px;border: 1px solid black;height:50px;
}
#d1 {float:right;background-color: cyan;}
#d2 {float:right;background-color: red;}
#d3 {float:right;background-color: yellow;}
</style>
</head>
<body>
<h1>css float 연습 01</h1>
<div id="d1">111</div>
<div id="d2">222</div>
<div id="d3">333</div>
</body>
</html>
float 를 right 속성을 줬다. 우측으로 차례로 붙는데, 111, 222, 333 순서대로 붙는다.
'웹퍼블리싱 > CSS' 카테고리의 다른 글
| float 연습 3 (0) | 2018.11.19 |
|---|---|
| float 연습 2 (0) | 2018.11.19 |
| 텍스트박스 마우스 포인트시 손모양표시 (0) | 2018.11.18 |
| 입력상자 한글,영문 설정하기 (0) | 2018.11.18 |
| box-sizing : content-box, border-box (0) | 2018.11.18 |
'웹퍼블리싱/CSS' Related Articles
more
Comments