CSS 텍스트

색이 없는 단순한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!