您现在的位置是：网站首页> 编程资料编程资料

HTML仿命令行界面具体实现纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

2021-08-30 1113人已围观

简介本文为大家介绍下HTML仿命令行界面的具体实现，感兴趣的朋友不要错过

HTML部分

复制代码

代码如下:

WeChat Manager

Wechat Dos

Welcome...

CSS部分

复制代码

代码如下:

@charset "utf-8";
body {
background-color:#396DA5;
margin:0px;
padding:0px;
color:#fff;
font:"微软雅黑";
font-size:14px;}
.window {
border:6px #ccc outset;
width:680px;
height:442px;
background-color:#000;
position:absolute;
top:40px;
left:68px;
overflow:hidden}
.title {
background-color:#08246B;
padding:2px;}
#text {
background-color:#000;
border-top:#ccc outset 2px;
height:420px;
overflow-y:scroll;}
ul {
margin:0px;
padding:0px;
list-style:none;}
input {
background-color:#000;
border:0;
color:#fff;
outline:none;
/*font-size:12px;*/
width:100%}

效果图：

上一篇：谈谈html转义字符如何通过代码识别在线HTML转义/反转义工具HTML/XML转义字符对照表HTML字符实体（Character Entities）转义字符串（Escape Sequence）最常用的HTML转义字符 Escape Sequencehtml中常用的转义字符总结

下一篇：HTML中div与span的区别(共同点与不同点)关于div中img,span垂直居中的问题深入理解DIV和SPAN的区别浅谈Span和Div的区别div与span的区别和使用示例DIV和SPAN垂直居中对齐的实现方法div与span之间有什么区别html的基本使用包括链接、样式表、span和div等等区别div和span、relative和absolute、display和visibilityHTML中div和span比较_动力节点Java学院整理

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢