r640
r638
1{{{#!style
2.bg {
r640
3 overflow:hidden;
r638
4 background:linear-gradient(90deg, #fff, #000);
5}
6}}}
r637
7
r640
8||<tablewidth=100%><nopad><class=bg> {{{#!wiki
9||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
10|| 내용3 || 내용4 ||}}} ||
r637
11
12
13
r638
14
r636
15{{{#!style
16
17.my-table {
18
19 border-radius: 16px; overflow:hidden;
20
21 background-color: aliceblue;
22
23 transition: 0.3s; /* 색이 부드럽게 변함 */
24
25 width :300px; height: 300px;
26
27}
28
29
30
31.my-table:hover {
32
33 background-color: yellow; /* 마우스 올리면 노란색 */
34
35}
36
37}}}
38
39
40
41||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||
42
43
r634
44
r635
45{{{#!if
r634
46참참참참참참참참참참참참참참참참참참참참참참참}}}
47
48
r632
49{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
r631
50}}}
r635
51{{{#!wiki style="width:500px;height:20px;border:1px solid red"
r631
52}}}
53{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
54}}}
55
56
r630
57{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
58[[파일:해킹범.webp|width=100%]]}}}
r624
59
60
r630
61
r633
62모바일: 100vw = 100% -> img = 100%
63pc: 100vw > 100% -> img = 50%
r630
64
65
66
67
68
69
r628
70||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
71Intelligence}}} = 지능
72{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
73Social Ineptitude}}} = 사회성 부족
74{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
75Obsession}}} = 집착
76{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
77Dweeb}}} = [[샌님]]
78{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
79Geek}}} = [[Geek|덕후]]
80{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
81Dork}}} = [[Dork|얼간이]]
82{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
r629
83Nerd}}} = [[너드]]
r624
84
r629
85{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||
r625
86
87
88
89
r629
90
r623
91{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background: linear-gradient(rgb(0, 255, 255, .5), rgb(0, 255, 255, .5)); background-color: rgb(255, 0, 255, .5)"
92Intelligence}}}
93
r622
94
95
r625
96
97
r622
98{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
99Obsession}}}
100
101
102
103
104
r621
105|| {{{#!wiki style="width:300px"
106}}} ||
107||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
108}}}||
109
110
111
112
113
114
r620
115{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
116}}}
r619
117
118
119
120
r618
121{{{#!wiki style="color:#000;width:110px;height:140px;background:conic-gradient(from 65deg at calc(100%/3) 25%, currentcolor 25deg, transparent 0), conic-gradient(from 245deg at calc(100% - 100%/3) 25%, currentcolor 25deg, transparent 0), conic-gradient(from 65deg at calc(100%/3) 75%, currentcolor 25deg, transparent 0), conic-gradient(from 245deg at calc(100% - 100%/3) 75%, currentcolor 25deg, transparent 0), linear-gradient(#fff, #fff)"
r607
122}}}
r598
123
r607
124
125
126
127
r605
128{{{#!wiki style="width:15px"
129{{{#!wiki style="width:30px"
r602
130
r605
131||<colbgcolor=#531410> {{{#!wiki style="width:15px"
132}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
133''''''}}} ||
r602
134
r605
1358
136|| 15 || 25 ||
137|| 19 || 30 ||
138|| 21 || 38 ||
139|| 22 || 52 ||
140|| 28 || 64 ||
r602
141
r605
1429
143|| 1 || 69 ||
144|| 8 || 93 ||
145|| 9 || 100 ||
146|| 23 || 120 ||
147|| 9 || 170 ||
r602
148
r605
14910
150|| 31 || 200 ||
r602
151
r605
15211
153|| 2 || 210 ||
r606
154|| 16 || '''230''' ||
155|| 23 || '''240''' ||
156|| 25 || '''270''' ||
157|| 25 || '''280''' ||
158|| 26 || '''290''' ||
159|| 28 || '''300''' ||
r602
160
r605
16112
162|| 6 || 320 ||
r606
163|| 14 || '''340''' ||
164|| 18 || '''370''' ||
165|| 18 || '''380''' ||
166|| 19 || '''390''' ||
167|| 19 || '''400''' ||
168|| 27 || '''444''' ||
169|| 31 || '''470''' ||
r602
170
r605
1711
172|| 6 || 490 ||
r606
173|| 7 || '''500''' ||
174|| 7 || '''510''' ||
175|| 16 || '''550''' ||
176|| 26 || '''600''' ||
177|| 27 || '''630''' ||
178|| 31 || '''666''' ||
r602
179
r605
1802
181|| 2 || 680 ||
r606
182|| 3 || '''700''' ||
183|| 10 || '''784''' ||
184|| 15 || '''800''' ||
185|| 19 || '''830''' ||
186|| 22 || '''870''' ||
187|| 23 || '''900''' ||
188|| 26 || '''965''' ||
189|| 26 || '''974''' ||
190|| 27 || '''1000''' ||
191|| 27 || '''1010''' ||
192|| 28 || '''1060''' ||
r602
193
r605
1943
195|| 1 || 1100 ||
r606
196|| 2 || '''1111''' ||
197|| 5 || '''1188''' ||
198|| 19 || '''1417''' ||
199|| 22 || '''1448''' ||
r602
200
r605
2014
202|| 4 || 1481 ||
r606
203|| 5 || '''1500''' ||
204|| 6 || '''1515''' ||
205|| 9 || '''1551''' ||
206|| 10 || '''1600''' ||
207|| 10 || '''1616''' ||
208|| 19 || '''1770''' ||
209|| 21 || '''1805''' ||
210|| 22 || '''1800''' ||
211|| 27 || '''1818''' ||
r602
212
r605
2135
214|| 2 || 1828 ||
r606
215|| 4 || '''1841''' ||
216|| 12 || '''1900''' ||
217|| 12 || '''1917''' ||
218|| 20 || '''1968''' ||
219|| 23 || '''1970''' ||
220|| 23 || '''1975''' ||
221|| 24 || '''1983''' ||
222|| 25 || '''1984''' ||
223|| 25 || '''1985''' ||
224|| 25 || '''1988''' ||
225|| 26 || '''1900''' ||
226|| 27 || '''2000''' ||
227|| 31 || '''2020''' ||
228|| 31 || '''2024''' ||
r602
229
r605
2306
231|| 1 || 2030 ||
r606
232|| 7 || '''2055''' ||
r602
233
r605
2347
235|| 2 || 2222 ||
r606
236|| 2 || '''2222''' ||
237|| 10 || '''2244''' ||
238|| 20 || '''2255''' ||
r602
239
r605
2408
241|| 12 || 2300 ||
r606
242|| 13 || '''2400''' ||
243|| 14 || '''2408''' ||
r602
244
r605
2459
246|| 10 || 2500 ||
r602
247
r605
24811
249|| 8 || 2600 ||
r602
250
r605
25112
252|| 24 || 2800 ||
r602
253
r605
2541
255|| 12 || 2900 ||
r606
256|| 28 || '''3000''' ||
257|| 30 || '''3100''' ||
r602
258
r605
2592
260|| 1 || 3200 ||
r606
261|| 4 || '''3333''' ||
262|| 4 || '''3500''' ||
263|| 4 || '''3900''' ||
264|| 5 || '''4000''' ||
265|| 5 || '''4500''' ||
266|| 9 || '''5000''' ||
267|| 9 || '''5070''' ||
268|| 11 || '''5200''' ||
269|| 12 || '''5252''' ||
270|| 17 || '''5353''' ||
271|| 23 || '''5460''' ||
r602
272
r605
2733
274|| 1 || 5500 ||
r606
275|| 7 || '''5555''' ||
276|| 8 || '''5600''' ||
277|| 16 || '''5793''' ||
278|| 23 || '''5959''' ||
279|| 25 || '''6000''' ||
280|| 30 || '''6100''' ||
r602
281
r605
2824
283|| 13 || 3161 ||
r606
284|| 28 || '''3131''' ||
r602
285
r605
2866
287|| 8 || 2999 ||
r606
288|| 9 || '''3000''' ||
r602
289
r605
2907
291|| 17 || 6400 ||
r602
292
r605
2938
294|| 7 || 6464 ||
r606
295|| 17 || '''6500''' ||
r602
296
r605
2979
298|| 6 || 6565 ||
r606
299|| 13 || '''6600''' ||
300|| 14 || '''6614''' ||
r602
301
r605
30210
303|| 3 || 6666 ||
r606
304|| 6 || '''6675''' ||
305|| 13 || '''6700''' ||
r605
306
307
308
309
310
r601
311||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
312}}} ||
r600
313
314
315
r599
316||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
317{{{#!wiki style="vertical-align:top"
318{{{#!wiki style="height:15px;border:1px solid red"
r598
319}}}}}}}}} ||
r599
320margin:0 -10px;
r598
321
r597
322{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
323}}}
r596
324
r597
325
326
r596
3271/3:1-1/3=15:X
328(1-1/3)15=(1/3)X
329
330
331
332
r595
333{{{#!wiki style="font-size:10px"
334{{{#!wiki style="width:15px;height:15px;border:1px solid red"
335}}}{{{#!wiki style="display:inline-block;border:1px solid red"
33610}}}
337{{{#!wiki style="display:inline-block;border:1px solid red"
33831}}}
33920
3408
341
342}}}
343
344
r594
345{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
346{{{#!folding ▼
347{{{#!wiki style="margin: -5px -1px -11px"
348|| || ||
349|| || ||}}}}}}}}}
r593
350
351
352||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
353{{{#!folding [ 펼치기 · 접기 ]
354{{{#!wiki style="margin: -5px -1px -11px"
355||내용내용내용내용내용내용내용내용||
356||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
357
358
r592
359{{{#!wiki style="font-size:10px"
r591
360|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
361{{{#!folding 6,700 ▼
362{{{#!wiki style="margin: -5px -1px -11px"
r592
363|| 3 || 6,666 ||
364|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
r591
365}}} ||
r592
366}}}
r591
367
368
369
r586
370
r589
371
372
373
r588
374||{{{#!wiki style="width:200px"
375}}} {{{#!folding 2222
376{{{#!wiki style="margin: -40px -40px 0 0"
377|| 5555 555555555 ||}}}}}} ||
r587
378
379
380
381
382
383
r588
384||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
r587
385{{{#!wiki style="margin-top: 30px"
386||<tablebordercolor=#f00> 5,555 ||}}}
387{{{#!wiki style="margin-top: -80px"
388{{{#!folding 2,000 ▼
389|| 10 || 1,500 || {{{#!wiki style="width:200px"
390}}} ||
391|| 20 || 1,800 || {{{#!wiki style="width:200px"
392}}} ||}}}}}}}}} ||
393
394
r573
395
r584
396
r591
397
r584
398||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
399}}} ||
400|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
401{{{#!folding [ 펼치기 · 접기 ]
402{{{#!wiki style="margin: -5px -1px -11px"
403|| 내용 ||}}}}}}}}} ||
404
405
406
r582
407||<tablewidth=100%><tablebordercolor=gray> {{{#!wiki style="text-align: center;margin: -5px -10px;padding:5px 10px;background:radial-gradient(circle at 10% 50%, #f00 20px, transparent 0), radial-gradient(closest-corner at 50% -50%, #0f0 100%, transparent 0), radial-gradient(closest-corner at 50% 150%, #0f0 100%, transparent 0), linear-gradient(90deg, gray 20%, transparent 0, transparent 80%, gray 0), linear-gradient(#fff 25%, transparent 0, transparent 65%, #fff 0), linear-gradient(90deg, #fff 28%, #000 0, #000 36%, #fff 0, #fff 38%, #000 0, #000 46%, #fff 0, #fff 48%, #000 0, #000 54%, #fff 0, #fff 56%, #000 0, #000 62%, #fff 0, #fff 64%, #000 0, #000 72%, #fff 0)"
r574
408
409
410
411[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
412{{{#!wiki style="height: 1px; background-image: linear-gradient(90deg, transparent 20%, rgba(0,0,0,.8), transparent 80%);margin: 7px 0 7px" dark-style="background-image: linear-gradient(90deg, transparent 20%, rgba(255,255,255,.8), transparent 80%)"
r575
413}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
r579
414'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||
415
416
417
r583
418