CSS 텍스트

亚连
풀어 주다: 2018-05-10 09:59:54
원래의
1947명이 탐색했습니다.

색이 없는 단순한 HTML 페이지라면 일반적으로 CSS 및 JS 스타일을 추가하여 페이지의 색상 감각을 높여야 합니다. CSS 텍스트 스타일에 대해 이야기해 보겠습니다.

Font

body{font-family:"宋体";}
로그인 후 복사

Color

body{color:#666}
로그인 후 복사

Size

body{font-size:12px;}
body{font-size:1em;}
로그인 후 복사

Enter

p {text-indent: 2em;}
p {text-indent: 50%;} //基于父元素
로그인 후 복사

글꼴 스타일

p.normal {font-style:normal;}//默认
p.italic {font-style:italic;}// 斜体
p.oblique {font-style:oblique;}// 倾斜
로그인 후 복사

h1{text-align:center;}
로그인 후 복사

값: 왼쪽, 오른쪽, 가운데, 양쪽 맞춤

문자 간격

p{word-spacing:25px;}
p{word-spacing:normal;}// 相当与0px
로그인 후 복사


문자 간격

h1 {letter-spacing:2px;}
h1 {letter-spacing:normal;}
로그인 후 복사

문자 변환

rrre

텍스트 수정

h1 {text-transform: none;}//默认
h1 {text-transform: capitalize;}//首字母大写
h1 {text-transform: uppercase;}// 全部大写
h1 {text-transform: lowercase;}// 全部小写
로그인 후 복사

Bold

a {text-decoration: none;}
h1 {text-decoration:overline}//上划线
h2 {text-decoration:line-through}//中划线
h3 {text-decoration:underline}// 下划线
// blink闪烁文本,不过兼容性不好,很多浏览器都不支持
로그인 후 복사

위는 일반적으로 사용되는 CSS 텍스트 스타일입니다. 도움이 되길 바랍니다.

관련 기사:

CSS 텍스트 스타일을 마스터해야 합니다

CSS 텍스트 플라이인 효과를 구현하는 예제 코드


위 내용은 CSS 텍스트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿