加入收藏 | 设为首页 | 会员中心 | 我要投稿 南通站长网 (https://www.0513zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

一文带你搞明白CSS中border边框

发布时间:2022-04-20 09:02:31 所属栏目:语言 来源:互联网
导读:边框样式属性指定要显示什么样的边界。在设置网站页面时,我们常常会对css边框进行操作,border属性能够控制对象的边框线宽度,颜色,虚线,实现等样式,这篇文章就给大家介绍一下CSS border边框属性的使用。 边框样式 边框样式属性指定要显示什么样的边界。
       边框样式属性指定要显示什么样的边界。在设置网站页面时,我们常常会对css边框进行操作,border属性能够控制对象的边框线宽度,颜色,虚线,实现等样式,这篇文章就给大家介绍一下CSS border边框属性的使用。
     边框样式
       边框样式属性指定要显示什么样的边界。border-style属性用来定义边框的样式
 
       border-style的值 代码演示:
 
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>demo</title>
 
        <p class="none">无边框。</p>
        <p class="dotted">虚线边框。</p>
        <p class="dashed">虚线边框。</p>
        <p class="solid">实线边框。</p>
        <p class="double">双边框。</p>
        <p class="groove"> 凹槽边框。</p>
        <p class="ridge">垄状边框。</p>
        <p class="inset">嵌入边框。</p>
        <p class="outset">外凸边框。</p>
        <p class="hidden">隐藏边框。</p>

(编辑:南通站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读