CSSๅบๆฌใใๆดป็จใพใง
CSSใฏHTMLใ็พใใ้ฃพใใใถใคใใผใฎ่จ่ชใงใใ CSSใฏใใใธใฟใซใณใณใใณใใๅถไฝใใไบบใซใจใฃใฆใฏใใใฉใใทใณใฐใฎใใใชใใฎใงใฏใชใใใจๆใใพใใใใฎใฌใในใณใงใฏใใใธใฟใซใใฉใทใใใๆนๆณใๆใใฆใใใพใใ
ๅ่ฌ็ 9,957ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้

- ๆช่งฃๆฑบ
border ์ ๊ฒน์นจ ํ์
์ฌ๋ฌ ์์์ border ์ ์ด ๊ฒน์ณ์ ๋๊ป๊ฒ ๋ณด์ผ๋, ๊ฐ์ ์์์์๋ margin ๊ฐ์ ์ด์ฉํ๋ผ๊ณ ํ๋๋ฐ์.. left๋ right ๊ฐ์ -1px๋ก ํ์ ๋ ํ์์ด ์ฌ๋ผ์ง์ง ์๋ ๊ฑด ์์ผ๊น์?3 ์์๊ฐ ํ ํ์ ์ ๋ ฌ๋์ด ์์ ๋, ๊ฒน์น๋ ๋ ๊ฐ์ ๋ฉด(
htmlcssborderjudy2002
ใป
0
150
1
- ๆช่งฃๆฑบ
<style>์์ nav,aside
์์ nav,aside ๋ฐ๋ก ํ ๋๋ .container nav, .container aside๋ก ํ๊ณ ๋ ๊ฐ ๊ฐ์ด ๋ฌถ์ด์ ํ ๋๋ ๊ทธ๋ฅ nav,aside๋ก ์ฐ๋ ์ง ๊ถ๊ธํฉ๋๋ค..container๋ฅผ ์ ๋ถ์ฌ๋ ๋๊ฐ์ด ์คํ๋๊ฐ์ง๊ณ
HTML/CSSmjkim20156472
ใป
0
86
0
- ๆช่งฃๆฑบ
์ง๊ธ์ ์ ๋งํฌ์ filter playground๊ฐ ์ง์์์ํ๋๊ฒ ๊ฐ์์~
์ํ์ฝ๋ฉ ๋ด ๋งํฌํตํด ๋ค์ด๊ฐ๋๋ฐ ์ ์์๊ฐ ๋ง๋ ๋ค๋ฅธ์ฌ์ดํธ๋ก ์ด๋ํ๋๋ผ๊ตฌ์. ๊ทผ๋ฐ ๊ฑฐ๊ธฐ์๋ ์์ ์ ์ฌ์ดํธ๋ ์ด์ ์๋๋ด์. ํน์ ์ฐพ์ผ์ ๋ถ ๊ณ์๋ฉด ๊ณต์ ํด์ฃผ์ธ์~
HTML/CSSmangomaneya3210
ใป
0
82
1
- ๆช่งฃๆฑบ
flex - holy grail layout
์ค์ต ํด๋ณด๋๋ฐ css ์ค์ ์ ๋ ฌ์ด ์๋๋๋ผ๊ตฌ์ ๊ทธ๋์ ๋ญ๊ฐ ํ๊ณ ๋ดค๋๋ doctype๋ถ๋ถ์์๋ง ์ฐจ์ด๊ฐ ์๋๋ฐ ์คํ๋ ค doctype์ ์ ์ธํ์ง ์์ผ๋๊น ์ค์ ์ ๋ ฌ์ด ๋ผ์. ์ด๊ฒ ์ ์ด๋ด๊น์?<img src="https://cdn.inflearn.com/public/
HTML/CSShyozzang991733
ใป
0
356
1
- ๆช่งฃๆฑบ
Flex 4 : holy grail layout
๋ ์ด์์์ ํฐ ํ์ ์ก์ ๋ ๋ฌด์กฐ๊ฑด flex๋ฅผ ์ฌ์ฉํด์ผํ๋ ๊ฒ์ธ๊ฐ์???
HTML/CSSyupbuddy
ใป
0
396
1
- ๆช่งฃๆฑบ
์ค์ body์ ๋์ด๊ฐ์ ์์ฃผ์ จ๋๋ฐ ์ด๋ป๊ฒ align-items๊ฐ ์ ์ฉ์ด ๋์ จ๋์?
์ ๋ ๊ทธ๊ฒ ์๋์ ์ฐพ์๋ณด๋๊น ๋์ด๊ฐ์ด ํ์ํ๋ค๊ณ ํ๋๋ผ๊ตฌ์.์ค์ ๋์ด๊ฐ์ ์์ฃผ์ ๊ฒ ๊ฐ์๋ฐ ์ด๋ป๊ฒ ๊ทธ๊ฒ ๋์ จ๋์?
HTML/CSSjjahrami851338
ใป
0
323
1
- ๆช่งฃๆฑบ
๊ตณ์ด display:flexํ๊ณ flex-direction:column์ผ๋ก ํ ์ด์ ๊ฐ ๊ถ๊ธํฉ๋๋ค!
7,8๋ฒ์งธ ์ค์ด์!๊ตณ์ด ์ ๋ ๊ฒ ํ์ง ์์๋ ๊ตฌํํ ์ ์์ง ์๋์?
HTML/CSSdbwlstla04300926
ใป
0
297
0
- ๆช่งฃๆฑบ
pํ๊ทธ๋ผ๋ฆฌ ๋ง์ง์ ์ฃผ์ง ์์๋๋ฐ ์ฌ์ด ๊ฐ๊ฒฉ
<s
๋ง์ง๋ธ๋ญHTML/CSSpํ๊ทธcsswjdgkrud
ใป
0
460
0
- ๆช่งฃๆฑบ
css์์ -flex 4:holy grail layout
<
holygraillayoutcssHTML/CSSflexbrenda5245057
ใป
0
278
1
- ๆช่งฃๆฑบ
color:blue;
#lecture>li{ border:1px solid red; color:blue; ์ด๋ ๊ฒ ์
HTML/CSSevermore
ใป
0
181
0
- ๆช่งฃๆฑบ
์ง๋ฌธ์์ต๋๋ค.
pํ๊ทธ์์ border ; ํฌ๊ธฐ ์ ๋ชจ์ ์ ์์ ์ด๋๋ฐ border; ์ ์์ ํฌ๊ธฐ ์ ๋ชจ์ ์ด๋ ๊ฒ๋ ์ ์ฉ์๋๋์?
HTML/CSSdkhp122796
ใป
0
167
0
- ๆช่งฃๆฑบ
flex ๊ตฌํ์ด ์๋์. ์์ค ๊ทธ๋๋ก ๋ณต์ฌ ๋ถ์ด๊ธฐํ๋๋ฐ๋๊ทธ๋์
๋์์ ๋ฐ์ ์๋ ์ฝ๋ ๊ทธ๋๋ก ๋ณต์ฌ ๋ถ์ด๊ธฐํ๋๋ฐ๋ ์ ์ปดํจํฐ์ ํฌ๋กฌ,์ต์คํ๋ก์ด ๋ ๋ค์์๋ ์ ๋๋ก ๊ตฌํ์ด ์๋๋ ์ด์ ๋ฅผ ๋ชจ๋ฅด๊ฒ ์ด์...๋ญ๊ฐ ๋ฌธ์ ์ผ๊น์; ๊ฐ์ ์๋ฌด๋ฆฌ ๋ฐ๊ฟ๋ด๋ ๊ณ์ ๋๊ฐ์, ์๋์ ๊ฐ์ ๋ชจ์ต์ด์์. ์ค์ด๋ค์ด์ผํ ๋ถ๋ถ์ด ๊ฟ์ฉ๋
HTML/CSStamia
ใป
1
310
0
- ๆช่งฃๆฑบ
delay๊ฐ ์๋์ ์ํ๋ค์..
a{ font-size: 3rem; display: inline
HTML/CSSsrzp10004030
ใป
0
180
0
- ๆช่งฃๆฑบ
6:19 ๋์๋งํค๋๋ฒ
๋์๋ง ํค๋ ๋จ์ถํค๊ฐ ๋ฌด์์ธ๊ฐ์?
HTML/CSSsrzp10004030
ใป
0
199
0
- ๆช่งฃๆฑบ
์์ฑ๋ณต์ฌ ๋ถ์ฌ๋ฃ๊ธฐ ๊ธฐ๋ฅ 6:26
6:26 ์ฆ์์ grayscale(100%)์ ๋ฐ์ ๋ ์ค์ ๋๊ฐ์ด ๋ถ์ฌ๋ฃ๊ธฐ ํ์ จ๋๋ฐ ์ฌ์ฉํ์ ๋จ์ถํค๊ฐ ๋ฌด์์ธ๊ฐ์? 6:54 ์๋ 0%๋ง ๋ ๋ค๊ฐ์ด ํ๋ฒ์ ๋ฐ๊ฟ์ฃผ์ จ๋๋ฐ ์ฌ์ฉํ์ ๊ฑฐ๊ฐ์๋ฐ ๋จ์ถํค๊ฐ ์๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ 7:25์ we
HTML/CSSsrzp10004030
ใป
1
191
0
- ๆช่งฃๆฑบ
05:09
๋ง์ง ๋ฐํ ๊ฐ์ด 100์ดํ ๋๋ถํฐ ์์ง์ด์ง ์๋๋ค๊ฐ ์ณ์ง ์๋์?
HTML/CSSkwonjunk0440
ใป
0
177
0
- ๆช่งฃๆฑบ
์ด๊ณ ์ ์ ์๋ ๊ฐ์ ์ฐจ์ด๊ฐ ๋ฌด์์ธ๊ฐ์?
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; font-size: 16px; line-height: 1.6; color: #000a12; font-family: 'Spoqa Han Sans', 'A
HTML/CSSไฝๆ่ ใชใ
ใป
0
302
1
- ๆช่งฃๆฑบ
ํ๊ทธ ๋จ์ถํค
#small+#large ์ ๊ณ ๋ฐ๋ก ํ๊ทธ๋ก ๋ง๋๋ ๋จ์ถํค๊ฐ ์๋์??
HTML/CSSstich920735
ใป
0
291
0
- ๆช่งฃๆฑบ
์ด๋
๋ก ํ๊ณ bpdy{ display: flex; align-items: center; } ์ด๋ ๊ฒ ํ๋ฉด ๋ณํ๊ฐ ์๋๋ฐ ํ์ด์ง์์ค๋ณด๊ธฐ๋ก ํ์ธํด๋ณด๋ body์ ํฌ๊ธฐ๊ฐ bo
HTML/CSSxodxod561204
ใป
5
357
4
- ๆช่งฃๆฑบ
๋ง์ง๋ง์ ๋ง์ํ์ ์ธํฌ๊ทธ๋ํฝ์....?
์ค๊ฐ์ ๋๊ฒผ๋์ง ์ธํฌ๊ทธ๋ํฝ์ด ์๋์ค๋ค์ ใ
HTML/CSShp52540420
ใป
4
197
0

