그래서 우리가하고 싶은 다음 일은 상단에 텍스트를 추가하는 것이므로 이렇게 보일 필요가 있습니다.
다행스럽게도이 이미지 격자를 만드는 것보다 상대적으로 간단합니다.
그래서 우리가해야 할 첫 번째 일은 글꼴을 얻는 것입니다.
이 글꼴은 철도라고합니다.
지금까지 본 Google 글꼴 중 하나입니다.
그래서 저는 Google 글꼴로 가서 실제를 구할 것입니다.
여기에 우리가 간다.
여기에서 사용하는 것은 최고입니다. 그리고 나는 앞으로 나아가고 정상을 잡을 것입니다.
그리고 800을하자.
그리고 우리는 이것을 HMO에 포함시킬 것입니다.
그래서 우리는 이제 그 글꼴에 접근 할 수 있습니다. 그러면 우리가해야 할 일은 텍스트를 추가하는 것뿐입니다.
무엇보다도 맨 위로 나는 그것을 단락으로 만들려고하고 여기에 슬래시로 구분 된 내 이름을 넣을 것입니다.
우리는 여기에 원하는 것을 넣을 수 있습니다.
텍사스는 사진 블로그 일 수도 있고 내 블로그에 들어갈 수도 있지만 텍스트 만 간단하게 유지 한 다음 저장하면 텍스트를 저장할 수 있습니다.
단락을 선택하면 폰트 패밀리를 실제 방식으로 말하고 결국 우리가 끝까지 보게됩니다.
승인.
그래서 가장 흥미 진진한 것은 아닙니다.
그다지 아직 없습니다.
너무 작아서 정확하게 간격을 두지 않습니다.
우리는 1.6 % 이상을 움직여야합니다.
이 이미지와 같이 라인을 이동하려면 시작할 수 있습니다.
우리가해야 할 일은 단락으로 가서 왼쪽 여백을 더하는 것뿐입니다. 이것은 단지 한 점 6 6 퍼센트에 불과합니다.
우리는 이제 OK입니다.
그래서 우리가하고 싶은 또 하나의 일은 글꼴 크기를 확실히 늘리는 것입니다.
그래서 여기에 사용 된 글꼴 크기는 23 픽셀뿐 아니라 그 글꼴 크기가 800이라는 글꼴 체중을 사용했기 때문에이를 선택해야만했습니다.
그래서 여기서 글꼴 크기는 23 픽셀이라고 말할 것입니다.
어떻게 생겼는지 보여 줄게.
그래서 더 크지 만 여전히 대담한 것은 아닙니다.
그래서 우리는 뒤로 가서 글꼴 체중을 더합니다.
8 백 1 백 달러.
이제 우리는 가을에 신선했습니다.
가까운 곳을 바라보고 있지만, 대문자 텍스트를 사용하지 않았기 때문에 텍스트 변환을 사용하거나 HDMI를 변경할 수 있다는 점에서 여전히 한 가지 빠져 있습니다.
그래서 여기에서 텍스트는 대문자를 변환 할 것입니다.
이제 우리는 모두 대문자가됩니다.
우리는 거기에 갈.
따라서 텍스트 변환을 사용하는 이유에 대한 간단한 예를 볼 수 있습니다. 문자를 더 길게 입력하는 경우 특히 문자 하나 하나를 다시 입력하지 않고 속성을 평가하는 데 훨씬 빠르고 쉽게 추가 할 수 있기 때문에 더 쉽고 빠릅니다.
좋아, 이제 마지막 누락 된 부분은 여기에있는 작은 줄입니다.
나는 그것이 꽤 희미한 것을 알고있다. 그러나 바로 여기에 선이있다. 그리고 그것은이 첫 번째 이미지와 일치하여 모든 것을 가로 질러 가지 않는다.
그것은 30 퍼센트의 길을 가로 질러갑니다.
그래서 우리가 할 방법은 실제로이 단락의 맨 아래에있는 경계선 아래에있는 경계선입니다.
그래서 여러분은 그 단락 자체가 여기 저기 끝나는 방식으로 30 %가된다는 것을 볼 수 있습니다. 그리고 나서 우리가 켜는 단점이 있습니다.
C SS와 우리 단락으로 돌아가 봅시다.
경계를 아래쪽으로 지정하고 시작하기로하자. 그래서 세 개의 픽셀이 빨간색으로 채워지도록하겠습니다.
그래서 우리는 구원을 얻고 새로 고침을하고 국경이 계속 나아가는 것을 보게 될 것입니다.
그리고 나쁘지 않다고 생각합니다.
이 문제를 확실히 해결하고 싶습니다.
하지만 그렇게하기보다는 폭을 30 % 정도만 변경하도록 변경할 것입니다.
그래서 우리는 그것부터 시작할 것입니다.
그래서 폭을 단락 30 %로 설정하는 것입니다.
이제는 색상이 일치하므로 색상이 매우 희미합니다.
여기에서 이것을 바꿀 것입니다.
16 진수 색상입니다.
EF 1 EF 1 EF 1은 그렇게 보입니다.
당신은 매우 희미한 것을 볼 수 있습니다. 나는 그것이 3 픽셀이 아니라 2 픽셀로 있다고 생각합니다.
아주 사소한 변화.
이 값을 2 픽셀로 변경하면 가장 마지막 것은 간격입니다.
여기에서 텍스트와 테두리 사이에 약간의 공간이 있음을 알 수 있습니다.
그리고 여기에서는 요소와 경계 사이의 공간이 패딩이라는 사실을 기억하지 않습니다.
따라서 우리가 검사를하면 거기에 녹색 패딩이 있음을 확인할 수 있습니다.
그래서 우리는 여기에 패딩을 가져 가야합니다.
그래서 RC SS에서 우리는 아래쪽으로 20 픽셀 아래로 채우기 만 할 것이고 우리는 새로 고침을 할 것입니다.
그리고 이제 우리는 거기에 약간의 공간이 있습니다.
지금 당연히 이걸 가지고 노는 것을 자유롭게 생각해보십시오.하지만 그 줄이 가로 질러 길을 선택하거나 줄을 전혀 원하지 않는다면 좋아할 것입니다.
당신은 더 많은 이미지가 단지 3 개가 아닌 화면을 가로 지길 원한다면 패딩을 제거하거나 더 많은 패딩을 추가하기를 원한다면 텍스트를 더 크게 만들고 싶습니다.
당신이 할 수있는 모든 종류의 것들이 있습니다.
좋아, 너는 뭔가 괜찮은 것 같아서 즐거웠 으면 좋겠다.