CSS Tutorial for Beginners #46-50
Multiple Backgrounds
background-image: url([1stImg), url(2ndImg);
background-repeat: no-repeat, no-repeat
background-position: center, top left;
background-size: 300px, 100%;
Color
hex color
0: darkest f: lightest
red, green, blue channel
rgb color: rgb(red, green, blue);
Opacity
opactity: 0부터 1까지. 1이 solid, 안에 있는 텍스트까지
background에서 rgb대신에 rgba로..
CSS Gradients
.button{
display: block;
width: 100px;
padding: 12px;
border: 1px solid #77aaaa;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
color: #fff;
font-size: 14px;
text-align: center;
border-radius: 4px;
background: #aadddd;
}
linear-gradient(top, #aadddd 0%, #77aaaa 100%)
시작컬러
-moz- : firefox
-webkit- : chrome
Ulimate CSS Gradient Generator
www.colorzilla.com/gradient-editor/
Box Shadow
box-shadow: 2px 2px 4px 2px rgba(40,40,40,0.6); h-offset, v-offset, blur, spread, color
https://www.w3schools.com/cssref/css3_pr_box-shadow.asp 참조
www.cssmatic.com/box-shadow
게시판 목록
CSS
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 28 | 6년 전 | 890 | ||
| 27 | 6년 전 | 918 | ||
| 26 | 6년 전 | 945 | ||
| 25 | 6년 전 | 836 | ||
| 24 | 6년 전 | 1035 | ||
| 23 | 6년 전 | 954 | ||
| 22 | 6년 전 | 612 | ||
| 21 | 6년 전 | 893 | ||
| 20 | 6년 전 | 913 | ||
| 19 | 6년 전 | 835 | ||
| 18 | 6년 전 | 686 | ||
| 17 | 6년 전 | 677 | ||
| 16 | 6년 전 | 953 | ||
| 15 | 6년 전 | 902 | ||
| 14 | 6년 전 | 1021 | ||
| 13 | 6년 전 | 751 | ||
| 12 | 6년 전 | 682 | ||
| 11 | 6년 전 | 734 | ||
| 10 | 6년 전 | 944 | ||
| 9 | 6년 전 | 984 | ||
| 8 | 6년 전 | 720 | ||
| 7 | 6년 전 | 835 | ||
| 6 |
 nanati |
6년 전 | 3745 | |
| 5 | 6년 전 | 1068 | ||
| 4 | 6년 전 | 771 | ||
| 3 | 6년 전 | 1005 | ||
| 2 | 6년 전 | 1164 | ||
| 1 | 6년 전 | 974 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기