border 边框

Posted fhtax

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了border 边框相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>边框</title>
<style>
    /*div
        width: 200px;
        height: 200px;*/
        /*border-color: red;
        border-width: 10px;
        border-style: solid;*//*solid是实线
        /*dashed是虚线*/
        /*border: 1px solid blue;*/
        /*border-top: 1px dashed red;*/
        /*border-bottom: 1px solid yellow;
        border-right: 1px solid green;
        border-left: 1px solid blue;*/


    input
        border: 0;/*去掉所有边框*/
        border-bottom: 1px dashed red;
            
        
    button
        width: 50px;
        height: 25px;
        border: 1px; solid:purple;

        
</style>
</head>
<body>
    <div></div>
    用户名:<input type="" >        
    <button>按钮</button>
</body>
</html>

边框初步认识,定义大小、样式、颜色。

以上是关于border 边框的主要内容,如果未能解决你的问题,请参考以下文章

11-border(边框)

11-border(边框)

请问HTML语句中“border=1”是啥意思,谢谢!

【css】边框border的属性和使用方法

HTML中正确设置表格table边框border的三种办法

学习 Bootstrap 5 之 Borders