html怎么创建一个盒子,怎么新建一个实线边框为红色盒子
生活随笔
收集整理的這篇文章主要介紹了
html怎么创建一个盒子,怎么新建一个实线边框为红色盒子
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于怎么新建一個實線邊框為紅色盒子,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
新建一個實線邊框為紅色盒子,DIV+CSS實例,使用編輯器軟件新建一個紅色邊框?qū)ο髮嵗!就扑]閱讀:css表格怎么添加邊框樣式?css表格邊框樣式總結(jié)(附完整實例)】
為了觀察效果對盒子設(shè)置一個css高、css寬樣式,并賦予紅色css邊框樣式。同時為了兼容性依然使用DW軟件新建這個實例。
實例描述,我們給這個實例css命名為“。php1”,在html中使用class引用。css 寬380px,css 高200px,一個邊框?qū)挾葹?px的實線邊框。
邊框基礎(chǔ)語法:
邊框:border 進入css border教程
完整實例HTML代碼如下:
新建邊框?qū)嵗?p>.php1{ width:380px; height:200px; border:2px solid #F00}我寬度為380px 高度200px 邊框2px紅色預(yù)覽如下:
以上就是對怎么新建一個實線邊框為紅色盒子的全部介紹,如果您想了解更多有關(guān)CSS3教程,請關(guān)注PHP中文網(wǎng)。
總結(jié)
以上是生活随笔為你收集整理的html怎么创建一个盒子,怎么新建一个实线边框为红色盒子的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mvc新增,上架及下架
- 下一篇: EasyUi之书籍功能(CRUD)