html怎么输出一条横线

html怎么输出一条横线,第1张

用input页面标签

并将下Border设为直线

<style>

input[type="text"]{border-bottom:solid 1px #ccc}

<style>

<input type="text"/>

输出一条横线用:<hr>如果想让它长点就改变它的样式:<hr style="width:1000PX">变长和粗:<hr style="width:1000PXheight:20px">其中width 是宽(长),height是高(粗细)。

扩展资料:

<head></head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。

参考资料来源:百度百科-html代码

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<pre>在这个标签里输出的格式不会变

</pre>

</body>

</html>

.首先我们要做好一个计算器的界面,主要用到html与css的知识,下面是代码

0

1

2

3

+

c

4

5

6

-

=

7

8

7

*

+/-

0

.

/

上面设置一个简单的table表格,主要内容是计算器的数字键盘和符号,还有就是class名和ID名,函数名,主要是用作css样式设计和javascript程序设计,后面会用到,就先贴出来了

colspan="5" 是合并五列的意思,表示这个单元格要占五列

rowspan="3"是合并三行的意思,表示这个单元格要占三行

效果如下,这样一个简单的架构就完成了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7235507.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存