大众计算机学习网欢迎诸位!收藏本站注 册登 陆
常用教程:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 教程 > 文章页

非常简单的让网页输入框、文本框变成一条线的CSS代码

Admin | 2008-9-30 17:44:02 | ReadNums | 5625 | 标签 网页制作 | 打印本页
     

  CSS功能还蛮强大的,用来修饰页面布局、控件外观等,非常有效果!

  请看下文:

  代码开始!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文本框变成一条线的CSS代码</title>
<style type="text/css">
<!--
.TextLine1 {
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: solid;
 border-left-style: none;
 border-top-color: #000000;
 border-right-color: #000000;
 border-bottom-color: #000000;
 border-left-color: #000000;
}
-->
</style>
</head>
<body>

  <input name="MyTextfield" type="text" class="TextLine1">

</body>
</html>

  !代码结束

  将以上代码保存成为HTML文件,双击即可查看效果,经过测试,没啥问题!


问题未解决:搜索文章

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
感谢大家的支持。
20xx年x月x日

……