基於CSS實現的尖角提示符

2021-07-26 20:37:32 字數 756 閱讀 7140

css實現的尖角提示

一、概述

尖角提示符在專案中經常用到,很多框架也整合了這個功能,比如mui的popover、bootstrap的popwindow,在一般的專案中基本夠用,但是,了解實現方法,對於一些專案的特別需求,能夠做出更好地效果,更好地滿足專案需求,也能進一步提高自己的基礎能力。(更好的閱讀體驗,請移步我的

個人部落格)

二、實現**

這裡下方會顯示三角提示符,若是需要提示符跟隨div,可以設定div的定位方式為relative

三、效果截圖

四、總結1,需要了解after以及content的使用;

2,對div的width和height要明白代表的是哪一部分的寬高(代表內容的寬高,具體

參考這篇部落格);

3,對border的設定要清楚,上下左右設定不同的顏色,為何會出現那個圖形要明白,這裡稍微提一點個人看法:當上下border設定width的時候,這個時候再設定左或者右的border的width,這幾個border擠一起,就會出現上圖左邊那個圖形(理解的還是透徹,後面理解透徹了再補充);

4,歡迎一起交流。

命令提示符的修改

export ps1 what your want 還可以使用轉移字元 export ps1 u w 轉義字元參考 序列 說明 a ascii 響鈴字元 也可以鍵入 07 d wed sep 06 格式的日期 e ascii 轉義字元 也可以鍵入 33 h 主機名的第一部分 如 mybox h 主機...

Shell提示符( 和 的區別)

啟動終端模擬包或者從 linux 控制台登入後,便可以看到 shell 提示符。提示符是通往 shell 的大門,是輸入 shell 命令的地方。對於普通使用者,base shell 預設的提示符是美元符號 對於超級使用者 root 使用者 bash shell 預設的提示符是井號 該符號表示 sh...

mysql提示符prompt的用法

隨著管理mysql伺服器越來越多,同樣的mysql 的提示符有可能會讓你輸入錯誤的命令到錯誤的資料庫,這時候需要巧用mysql的提示符,這 是我的提示符root localhost mysql 08 55 21 用prompt命令實現 適用於windows和linux環境 mysql prompt ...