如何使用 CSS 属性创建隐藏边框？

原文:https://www . geeksforgeeks . org/如何使用 css 属性创建隐藏边框/

在本文中，我们将学习如何使用 CSS 属性创建隐藏边框。

在以下示例中，标题部分中使用了内嵌样式和样式定义来定义隐藏边框。

进场:

  • 我们将使用两个标题，其中一个将显示边框颜色，另一个将不会显示，因为它将使用 CSS 隐藏。
  • 我们将使用的 CSS 在标签内部，也称为内联 CSS 。
  • 所用属性将设为边框–样式 :隐藏。

例 1:

超文本标记语言

<!DOCTYPE html>
<html>
<head>
<title>Hidden border</title>
</head>
<body>
 <h1 style="border-color:red  ;
            border-style:hidden ;">
  GFG Is best for Interview Preparation And Much More</h1>
 <h1 style="border-color:red ;
            border-style:solid ;">
  GFG Is best for Interview Preparation And Much More</h1>
</body>
</html>

输出:

隐藏边框

方法 2:

  • 我们将使用两个标题，其中一个将显示边框颜色，另一个将不会显示，因为它将使用 CSS 隐藏。
  • 我们将使用的 CSS 位于样式标签内，也称为内部 CSS ，应用于像 h1、h2 这样的元素。
  • 我们将使用边框样式的属性:隐藏。

示例:

超文本标记语言

<!DOCTYPE html>
<html>
<head>
   <style>
        h1{
            border-color : orange ;
            border-style : hidden ;
        }
        h2{
            border-color : orange;
            border-style : solid;
        }
    </style>
    <title>Hidden border</title>
</head>
<body>
 <h1>GFG Is best for Interview Preparation And Much More</h1>
 <h2>GFG Is best for Interview Preparation And Much More</h2>
</body>
</html>

输出:

内部 CSS 隐藏的边框

版权属于：月萌API www.moonapi.com，转载请注明出处

本文链接：https://www.moonapi.com/news/7730.html