昨天被問到乙個很有意思的問題，單個div元素怎麼實現雙邊框，當時腦子懵了一下，然後就回答出來用偽元素，別的實在是想不起來了，所以在此總結一下子防止以後再被問到
總結了一下大約有以下幾種方案:
偽元素實現
box-shadow
outline
下面我們來具體看看實現方法,為了看上去效果更好，我將直接使用vscode裡面的截圖，各位想拉**自己試試的，別想複製了，自己動手打一遍吧
1.偽元素實現
效果：
2.使用box-shadow
效果：
3.outline實現
效果:
暫時就考慮到了這幾種，記錄一下，要是有大佬知道別的方案，請一定要指點指點我，指點完了我肉償啊，哈哈
div內部元素實現水平垂直居中總結
1 flex彈性布局 第一種實現辦法 align self center box box child第二種辦法 align items center box box childalignitems和justifycontent配合使用，前者是側軸布局，後者是主軸布局。2 子元素已知寬度 box bo...
DIV元素垂直居中的分析與實現
首先,對於需要垂直居中的元素常規居中處理 margin 0 auto 接下來要設定div的祖先元素的寬高為100 在預設的設定中他們都為0 html,body接下來設定該元素的posion值為relative,不讓它脫離文件流,接下來設定 top 50 margin top 自身高度的一半 當然了這...
使用css偽元素來實現邊框的部分顯示
在網頁的製作過程中，經常會遇到需要給元素新增邊框的情況，比如在ul中，如圖所示 此時假如要給其中的五個li元素都加上側邊框，按照原來的方法，可以看到確實有失美觀 可以設想，假如此時讓邊框變得短一點，應該效果會好一些，因此便可以借助css提供的before和after偽元素來實現 after 實現 實...