집 > 기사 > 웹 프론트엔드 > HTML에서 글꼴 스타일 설정

HTML에서 글꼴 스타일 설정

不言원래의: 2018-07-19 15:28:3010718검색

HTML에서 글꼴 크기 및 색상 설정은 태그를 통해 텍스트를 캡슐화한 다음, 태그 속성을 변경하여 글꼴 스타일을 다르게 설정하는 것입니다. 몇 줄의 코드로 완료할 수 있습니다.

Example

<head>
        <title>这是一个html文件</title>       <!---head标签中进行相应的设置，这里设置了一个标题->
</head>
<body>
        <font size="5",color="red">php中文网1</font><br/>
        <font size="6",color="green">php中文网2</font><br/>
        <font size="7",color="blue">php中文网3</font><br/>
</body>

해당 제목은 헤드에 설정되어 있으며, 세 줄의 텍스트는 뉴스 미디어와 같이 실제 생활에서 다른 방식으로 표시됩니다. 다른 웹사이트에서는 텍스트의 모든 줄이 동일한 색상이나 스타일로 표시되지 않으므로(웹페이지 전체가 하나의 형식을 사용하거나 색상이 매우 단조롭습니다) 이때 다른 텍스트를 다른 형식으로 표시해야 합니다. 처리할 텍스트를 래핑(캡슐화)하고 태그의 속성 값을 변경하여 래핑된 콘텐츠에 해당 스타일을 설정합니다.

Text 태그 html79b841afe8a91efc6683915e8c1535c7e6e38b3c62e8df885fe2e3986461aa63

두 가지 속성 값(크기(글꼴 크기) 및 색상(글꼴 색상))을 포함하여 텍스트의 속성을 설정합니다.# 🎜🎜##🎜🎜 #글꼴 크기 범위는 1~7입니다. 인코딩 과정에서 글꼴 크기를 7을 초과하도록 설정해도 표시되는 크기는 여전히 7입니다.

글꼴 색상, 표현 방식 2가지 , 하나는 영어 단어 표현입니다: write, blue, green, ren..........

하지만 영어 단어가 표현하는 색상은 제한되어 있습니다. 또 다른 색상 표현 방법: #ffffff, #으로 시작, 6개의 16진수 문자, 각각 기본 색상(RGB)을 나타냄, 이 세 가지 기본 색상의 값을 적절하게 사용할 수 있음 도구를 사용하여 #🎜 값을 얻음 🎜#

HTML에서 글꼴 스타일 설정

관련 기사