Bagaimana untuk mengalih keluar semua sempadan kotak teks dalam css-tutorial css-php.cn

Bagaimana untuk mengalih keluar semua sempadan kotak teks dalam css

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2021-12-01 15:44:01

asal

4325 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut sempadan untuk mengalih keluar semua sempadan kotak teks Fungsi atribut ini adalah untuk menetapkan sempadan elemen Apabila nilai atribut ini ialah "tiada". sempadan elemen akan dialih keluar. Sintaksnya ialah: "Elemen teks {border:none;}".

Bagaimana untuk mengalih keluar semua sempadan kotak teks dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara mengalih keluar semua sempadan kotak teks dalam css

Kami boleh mengalih keluar semua sempadan kotak teks melalui atribut sempadan . Fungsi atribut ini Digunakan untuk menetapkan sempadan elemen Apabila nilai atribut ini tiada, sempadan elemen akan dialih keluar.

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width:200px;
                height:100px;
                border:1px solid black;
                overflow:hidden;
            }
            .wenben{
                border:none;
            }
        </style>
    </head>
    <body>
        <div class="wenben">文本框</div><br/>
        <input type="text" value="文本框" class="wenben">
    </body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk mengalih keluar semua sempadan kotak teks dalam css

(Belajar perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar semua sempadan kotak teks dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!