So verwenden Sie die CSS-Eigenschaft „Border-Top-Color'.-CSS-Tutorial-php.cn

So verwenden Sie die CSS-Eigenschaft „Border-Top-Color'.

silencement

Freigeben： 2019-05-29 09:35:37

Original

3694 Leute haben es durchsucht

So verwenden Sie die CSS-Eigenschaft „Border-Top-Color'.

css border-top-color属性定义及用法

Nach dem Login kopieren

In CSS wird das Attribut „border-top-color“ verwendet, um die Farbe des oberen Rands eines Elements festzulegen. Wir können dieses Attribut verwenden. Wenn wir gleichzeitig die Breite, den Stil und die Farbe des oberen Rands festlegen möchten, können wir diese Attribute mit dem Attribut „border-top“ in einer Anweisung definieren kann weniger Codezeilen schreiben und ist besser lesbar.

Hinweis: Um die Rahmenfarbe festzulegen, müssen Sie den Rahmenstil festlegen. Da der Standardrahmenstil des Elements transparent ist, hat das Festlegen der Farbe des transparenten Rahmens keinen Anzeigeeffekt. Verwenden Sie daher den Rahmen -top-color-Attribut. Beim Festlegen der oberen Randfarbe müssen Sie sicherstellen, dass das obere Randstil-Attribut (border-top-style) zuvor definiert wurde, andernfalls hat die festgelegte obere Randfarbe keine Auswirkung.

css border-top-color属性语法格式

Nach dem Login kopieren

CSS-Syntaxformat: border-top-color: Farbname / hex_number / rgb_number / transparent / inherit; (Beispiel: border-top-color: rot;)

JavaScript-Syntax: Objekt. style.borderTopColor="blue";

css border-top-color属性值说明

Nach dem Login kopieren

color_name: die durch den Farbnamen dargestellte Farbe (z. B.: rot);

hex_number: die durch den Hexadezimalwert dargestellte Farbe (z. B.: # ff0000);

rgb_number Die durch den RGB-Code dargestellte Farbe (z. B.: rgb(255,0,0)); >

erben: erbt die Rahmenfarbe vom übergeordneten Element;

Instanz

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css border-top-color属性设置顶部边框颜色笔记</title>
<style type="text/css">
body{background: #ddd;font-size:20px;}
#a,#b,#c{margin-top:10px;width:300px;border-top-style: solid;}
#a{border-top-color:blue;}
#b{border-top-color:#FFF000;}
#c{border-top-color:rgb(255,0,0);}
</style>
</head>
<body>
<div id = "a">使用颜色名称定义边框颜色演示</div>
<div id = "b">使用十六进制值定义边框颜色演示</div>
<div id = "c">使用rgb代码定义边框颜色演示</div>
</body>
</html>

Nach dem Login kopieren

Ergebnis ausführen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Eigenschaft „Border-Top-Color'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!