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