• 技术文章 >web前端 >前端问答

    html边框线怎么设置

    藏色散人藏色散人2021-04-29 10:14:55原创874

    html设置边框线的方法:首先新建一个HTML文档,并且编写基本框架;然后新建一个div标签;最后通过“border:1px solid red;”属性设置边框线样式即可。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

    打开编辑器,新建一个HTML文档,并且编写基本框架。

    c3bccc14b058a82c757921064bdadfd.png

    新建一个CSS文档,并且关联刚刚创建的HTML文档。

    e4eeb16bcdd574f0bdff0a4f870ebe1.png

    新建一个div标签,可以看到这个div默认是没有边框的。

    a875377f234afd63a7a0d97e86821f3.png

    border: 1px solid red;

    这是我们设置边框的常用格式。

    0b57d50ecf4ea09f7bf29e271651211.png

    我们可以把边框改为点状式的。

    abb2696402c90c6459d398691ccbef7.png

    也可以修改为虚线形状的。

    3820f7ba54b87a301efc1751ff4df90.png

    更多详细的HTML/CSS知识,请访问CSS视频教程栏目!

    以上就是html边框线怎么设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:css中auto什么意思 下一篇:html5和flash的区别有哪些
    第16期线上培训班

    相关文章推荐

    • html如何空格• html的图片怎么居中• 手机怎样打开html文件• css/html怎样让段落空出一行

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网