css設置上下左右邊框，邊框的類型

原創 原創 2022-04-30 11:13

設置下邊框

border-bottom: 1px solid #e5e5e5;

上下左右四個值都可以設置

邊框的不同類型

.dotted {border-style: dotted;}
  • dotted - 定義點線邊框
  • dashed - 定義虛線邊框
  • solid - 定義實線邊框
  • double - 定義雙邊框
  • groove - 定義 3D 坡口邊框。效果取決於 border-color 值
  • ridge - 定義 3D 脊線邊框。效果取決於 border-color 值
  • inset - 定義 3D inset 邊框。效果取決於 border-color 值
  • outset - 定義 3D outset 邊框。效果取決於 border-color 值
  • none - 定義無邊框
  • hidden - 定義隱藏邊框
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Web Components實踐：如何搭建一個框架無關的AI組件庫

一、讓人又愛又恨的Web Components Web Components是一種用於構建可重用的Web元素的技術。它允許開發者創建自定義的HTML元素，這些元素可以在不同的Web應用程序中重複使用，並且具有自己的樣式、行爲和功能。 W

原創 2024-04-03 11:16:31

【Java併發基礎】加鎖機制解決原子性問題

前言 原子性指一個或多個操作在CPU執行的過程不被中斷的特性。前面提到原子性問題產生的源頭是線程切換，而線程切換依賴於CPU中斷。於是得出，禁用CPU中斷就可以禁止線程切換從而解決原子性問題。但是這種情況只適用於單核，多核時不適用。 以在

osc_bdhojhcu 2021-12-25 21:49:21

Abaqus 粘聚力模型（Cohesive Model）

Abaqus提供了兩種方法模擬膠結特性： 使用Cohesive單元模擬膠結，通過定義材料屬性和截面，給Cohesive單元賦Cohesive截面屬性，以此模擬膠結層； 使用接觸（Contact）模擬膠結，在有限模型中需要在膠結的兩個面之間

osc_2w18qc4t 2021-12-25 21:47:56

全球疫情信息可視化

1、題目要求 　　我們有的是熱情、激情、無限的動力，清明三天放假休息，爲了紀念犧牲的烈士，我們集體決定仿照約翰·霍普金斯大學制作全球疫情發佈圖（WEB版），可以實時訪問。行動起來吧。  2、整體思想 　　首先需要前幾天的中國疫情地圖可視化

osc_feymneeg 2021-12-25 21:43:41

vue的循環v-for一次循環2條項目

<div v-for = "obj in dataSouSuo"                     style = " position: absolute;width: 100%;text-align: center;

原創 2021-12-25 21:41:10

HTML5之圖片轉base64編碼

之前在羣裏看到很多小哥哥小姐姐討論關於圖片base64互轉的方法，剛好我之前用到的一個方法給大家分享一下。 <!Doctype html><html> <head> <meta charset="utf-8" /> <title>圖片轉ba

osc_vv34ugrq 2021-12-25 21:40:36

CSS顏色及文本字體

CSS顏色及文本字體 CSS顏色表示法 CSS文本設置 CSS邊框屬性 背景屬性 元素溢出 CSS顏色及文本字體 CSS顏色表示法 顏色名錶示，比如：red 紅色，yellow黃色，pick粉色 16進制數值表示，比如

osc_57h7mkgj 2021-12-25 21:36:24

CSS3 3D酷炫立方體變換動畫

我愛擼碼，擼碼使我感到快樂！ 大家好，我是Counter，本章微博主要利用了CSS3的一些新特性， 主要用到關鍵幀來使3D圖形運動起來，涉及到了一些抽象的思想，立體的想象。 先給大家看看完成的效果，代碼也不是很難，每行代碼都給到了詳細註釋，

osc_yc40ey49 2021-12-25 21:34:29

前端Tips#7 - 用 6 行代碼實現文本複製

本期主要是講一個 JS 技巧，用 6 行代碼實現文本複製的功能。 視頻講解 音頻講解

原創 2021-12-25 21:31:39

例說三角函數圖像變換

前言 三角函數的圖像變換，其實質是對橫縱座標的替換。 典例剖析 相位變換 <LT>例1</LT>由$y=sin(2x-\cfrac{\pi}{3})$變形得到$y=sin(2x+\cfrac{\pi}{6})$； 從形上刻畫：

osc_v0vk38s3 2021-12-25 21:29:59

API7大設計原則

如何建立穩定、靈活、健壯的API，在設計需要遵循一些準則，包括主流的SOLID原則。 SOLID 原則 S: 單一職責原則（SRP）Single-Responsibility Principle 表明一個類有且只有一個職責 案例：MVC

原創 2021-12-25 21:27:28

Can PNG image transparency be preserved when using PHP's GDlib imagecopyresampled?

問題： The following PHP code snippet uses GD to resize a browser-uploaded PNG to 128x128. 以下PHP代碼段使用GD將瀏覽器上傳的PNG調整爲128x1

fyin1314 2021-12-25 21:24:51

【Less】給 CSS 加點料

【Less】給 CSS 加點料 博客說明 文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗彙總，如有什麼地方侵權，請聯繫本人刪除，謝謝！ 說明 相比Sass的高調宣言，Less就比較低調了，看下面官網的介紹 官網地址：L

原創 2021-12-25 21:19:03

CSS + HTML 鼠標在圖片上懸停時的顯示文字，移走時文字消失

 鼠標在圖片上懸停時的顯示介紹，移走時介紹消失  加載完成時的效果圖   鼠標懸停時彈出的效果          樣式 html, body { height: 10

osc_b07navmi 2021-12-25 21:14:24

設置table表格的單元格間距兩種方式

table表格裏設置單元格td之間的間距，通常用cellspacing設置單元格間距，有時候該屬性可能無效，或需要用其他方式時，可用其他方式實現，例如在背景是白色背景的時候，設置單元格td的border，邊框設置一定數值，邊框爲白色，這樣白

osc_b07navmi 2021-12-25 21:14:24