CSS를 사용하여 텍스트 테두리의 점선 스타일을 작성하는 방법은 무엇입니까? (예)-CSS 튜토리얼-php.cn

CSS를 사용하여 텍스트 테두리의 점선 스타일을 작성하는 방법은 무엇입니까? (예)

藏色散人

풀어 주다： 2018-08-14 14:59:47

원래의

4315명이 탐색했습니다.

이 글은 CSS 텍스트 점선 테두리 스타일을 작성하는 방법을 주로 소개합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다. 여기에서는 CSS 테두리 선을 설정하는 방법에 대한 예를 제공합니다.

코드는 다음과 같습니다.

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>css边框线怎么设置的例子</title>
    <meta charset="UTF-8">
    <style type="text/css">
        p
 {
            width: 550px;
            border: 1px solid red;
        }

    </style>
</head>
<body>

<div>
    <p>css border 外边框、css边框线怎么设置?</p>
</div>
</body>
</html>

로그인 후 복사

효과는 다음과 같습니다.

CSS를 사용하여 텍스트 테두리의 점선 스타일을 작성하는 방법은 무엇입니까? (예)

여기에 표시된 것처럼 테두리 속성은 단순히 텍스트에 테두리를 추가하고 색상을 추가하는 데 사용됩니다.

다음으로 CSS 점선 상자 설정 방법을 소개하겠습니다.

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>css虚线框的例子</title>
    <meta charset="UTF-8">
    <style type="text/css">
        p
 {
            width: 550px;
            border-color:red;
            border-style:dotted ;

        }

    </style>
</head>
<body>
<div>
    <p>css设置文字虚线边框、css文字虚线边框、html虚线框、css边框虚线代码</p>
</div>

</body>
</html>

로그인 후 복사

효과는 다음과 같습니다.

CSS를 사용하여 텍스트 테두리의 점선 스타일을 작성하는 방법은 무엇입니까? (예)