CSS를 사용하여 그림 오른쪽에 텍스트를 배치하는 방법: 먼저 HTML 샘플 파일을 만든 다음 img 태그를 통해 이미지를 삽입하고 마지막으로 CSS에서 float 속성을 사용합니다. 그림 오른쪽에 텍스트가 있습니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.
html+css 왼쪽에는 그림이 있고 오른쪽에는 텍스트가 있습니다
아주 간단합니다. 코드 예시는 다음과 같습니다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .photo{ float:left; width:20%; } .intro{ float:right; width:70%; } </style> </head> <body> <div class="golf"> <div class="photo"><img src="/static/imghwm/default1.png" data-src="02.png" class="lazy" alt="CSS를 사용하여 그림 오른쪽에 텍스트 만들기" ></div> <div class="intro"> <h3 id="高尔夫">高尔夫</h3> <p>高尔夫球运动是一项健康、绿色、快乐、回归自然的体育运动,打高尔夫球能让人体验挑战与激情,实现人与自然的和谐。人与人礼貌谦让的良好运动精神,是高尔夫球运动的精髓所在。山东的高尔夫球场近30家,全部是按国际标准建造的,场内服务功能及设施完备,是比赛、会议、旅游休闲、商务于一体的度假场所,来山东打高尔夫球定会让您亲身体验到高尔夫应享的尊贵服务。 </p> </div> </div> </body> </html>
실행 효과는 다음과 같습니다.
[권장: CSS 동영상 튜토리얼]
위 내용은 CSS를 사용하여 그림 오른쪽에 텍스트 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

최근 컨퍼런스 토크에서 (죄송합니다. 어느 쪽을 잊어 버렸는지), 타사 위젯 형태의 웹 성능 저하의 빠른 예가있었습니다. 예

WebPagetest는 온라인 도구 및 오픈 소스 프로젝트로 개발자가 웹 사이트의 성능을 감사하는 데 도움이됩니다. 웹 공연 전도자로서

모든 종류의 요소에 많은 전환과 애니메이션이있는 페이지가 있다고 가정 해보십시오. 창이 크기가 높아지면 그들 중 일부는 트리거됩니다.

이 게시물에서는 CSS SuperPowers를 사용하여 두 요소가 겹치고 짜는 시각적 효과를 만듭니다. 이 디자인의 주현절이왔다

CSS를 사용하면 웹에서 동적 레이아웃과 인터페이스를 만들 수 있지만 언어로서는 정적입니다. 값이 설정되면 변경할 수 없습니다. 아이디어

이미지 (또는 다른 요소)가 시각적으로 텍스트 단락으로 떠 다니고 싶다고 가정 해 봅시다. 하지만 ... 단락의 한가운데서, 옳지 않다

요즘 사이트에서 로딩 상태를 보는 것이 일반적입니다. 특히 진보적 인 웹 앱과 반응성 사이트가 증가하고 있기 때문입니다. 그것은 한 가지 방법입니다

나는이 것을 잘 추적하지는 않지만 그것을 얻는다. Android 및 iOS 용 기본 앱을 원한다면 오히려 한 번만 작성하면 좋을 것입니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

드림위버 CS6
시각적 웹 개발 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

WebStorm Mac 버전
유용한 JavaScript 개발 도구
