CSS 공개, 그림 01 잘라내기

오.REILLY@

키-> 수직 정렬: 상단;

저는 귀퉁이 모서리를 좋아하는데 브로크백 마운틴인가요?

귀가 너무 멍멍해요. 사랑해요

키->배경 이미지: 선형 그라데이션(오른쪽 하단, 회색 0, 회색 90%, 투명 91%, 투명 100%);

표지부터 사진 컷팅 기획이 시작됩니다.

위의 내용은 모두 팁입니다. 이 책에서는 시각적 환상이라는 핵심 사항에 대해 이야기합니다. 시야의 중간 지점이 약간 위에 있습니다. (조용히 픽셀을 사용하지 말고 스스로 구멍을 파지 마세요.. .)

<span style="color: #800000;">.center-display .object</span>{<span style="color: #ff0000;">
  position</span>:<span style="color: #0000ff;"> absolute</span>;<span style="color: #ff0000;">
  width</span>:<span style="color: #0000ff;"> 0.5em</span>;<span style="color: #ff0000;">
  height</span>:<span style="color: #0000ff;"> 0.5em</span>;<span style="color: #ff0000;">
  top</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
  bottom</span>:<span style="color: #0000ff;"> 0.8em</span>;<span style="color: #ff0000;">
  left</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
  right</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
  margin</span>:<span style="color: #0000ff;"> auto auto</span>;<span style="color: #ff0000;">
  border-radius</span>:<span style="color: #0000ff;"> 50%</span>;<span style="color: #ff0000;">
  background-color</span>:<span style="color: #0000ff;"> red</span>;<span style="color: #ff0000;">
text-indent</span>:<span style="color: #0000ff;"> -300em</span>;
}<span style="color: #800000;">
.center-display:nth-child(2) .object</span>{<span style="color: #ff0000;">
  bottom</span>:<span style="color: #0000ff;"> 0</span>;
}

코드 보기

정확히 중앙에 어느 것이 있는지 알 수 있나요?

바빠서 살기, 바빠서 죽기.