本篇文章給大家?guī)淼膬?nèi)容是關(guān)于怎么新建一個實(shí)線邊框?yàn)榧t色盒子，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

新建一個實(shí)線邊框?yàn)榧t色盒子，DIV+CSS實(shí)例，使用編輯器軟件新建一個紅色邊框?qū)ο髮?shí)例。【推薦閱讀：css表格怎么添加邊框樣式？css表格邊框樣式總結(jié)(附完整實(shí)例)】

為了觀察效果對盒子設(shè)置一個css高、css寬樣式，并賦予紅色css邊框樣式。同時為了兼容性依然使用DW軟件新建這個實(shí)例。

實(shí)例描述，我們給這個實(shí)例css命名為“。php1”，在html中使用class引用。css 寬380px，css 高200px，一個邊框?qū)挾葹?px的實(shí)線邊框。

邊框基礎(chǔ)語法：

邊框：border 進(jìn)入css border教程

完整實(shí)例HTML代碼如下：

新建邊框?qū)嵗?p>.php1{ width:380px; height:200px; border:2px solid #F00}

我寬度為380px 高度200px 邊框2px紅色

預(yù)覽如下：

以上就是對怎么新建一個實(shí)線邊框?yàn)榧t色盒子的全部介紹，如果您想了解更多有關(guān)CSS3教程，請關(guān)注PHP中文網(wǎng)。

總結(jié)

以上是生活随笔為你收集整理的html怎么创建一个盒子,怎么新建一个实线边框为红色盒子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。