CSS實現的控制台效果

2021-06-16 00:25:30 字數 1375 閱讀 8559

我們在寫blog或寫文件說明的時候,有時候說明在控制台中怎樣使用,在windows xp/2000中就是cmd命令。 為了表達這種在控制台中的操作,我寫了個 css來呈現效果。

在網頁文件中(blog或使用者手冊),呈現乙個控制台的樣式,有邊框和標題欄,黑色背景。如下圖

這個控制台可以真實的控制台那樣可以,在適當的時候,有上下或左右滾動條

控制台裡允許加入的元素有塊。

為了區分控制台裡的輸入和輸出字串,分別可以用和括起來,然後設定他們的css樣式

當前目錄提示符,用元素表達。

、和元素只能包含在元素中,不能直接在「控制台」中。

/* 控制台邊框層 */

.console_box

/* 控制台內容層 */

.console_box .console

.console_box .console p

此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

此處顯示 class "console_box" 的內容

可以在中設定高度來設定控制台的高度。

乙個控制台的效果基本出來了。在ie6和firefox中測試通過。還有工作可做

認識控制台 控制台控制代碼 附著到控制台 關閉控制台

1.附著到乙個控制台 乙個程序可以使用 attachconsole 函式來附著到乙個控制台上,乙個程序只能附著乙個控制台。乙個控制台可以有許多程序附著到它上面,呼叫 getconsoleprocesslist 函式可以得到附著到乙個控制台的列表。2.關閉乙個控制台 程序可以使用 freeconsol...

認識控制台 控制台控制代碼 附著到控制台 關閉控制台

附著到乙個控制台 乙個程序可以使用 attachconsole 函式來附著到乙個控制台上,乙個程序只能附著乙個控制台。乙個控制台可以有許多程序附著到它上面,呼叫 getconsoleprocesslist 函式可以得到附著到乙個控制台的列表。關閉乙個控制台 程序可以使用 freeconsole 函式...

沒有控制台視窗的控制台程式

include include pragma comment linker,subsystem windows entry maincrtstartup int main int argc,char argv 編譯後執行程式會彈出乙個訊息框,而沒有背後的控制台視窗。再看看下面的 include in...