使用CSS对HTML表单进行修饰,效果与excel表格类似,可以输入数据。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用CSS对HTML表单进行修饰,效果与excel表格类似,可以输入数据。相关的知识,希望对你有一定的参考价值。

使用CSS对html表单进行修饰,效果与excel表格类似,可以输入数据。

参考技术A 修饰可以,要输入数据的话,就得借助js ,ext是很不错的选择,专门有表格方面的,还能排序。 参考技术B 直接在列标签里输入数据就行了
<table>
<tr>
<td>数据</td>
<td>数据</td>
</tr>
</table>本回答被提问者采纳
参考技术C css定义:背景色(背景图),边框就行了
要输入的话,还需要js编程

2021-08-07

CSS概述:[cascading Style Sheet]
    知识要点:CSS就是修饰网页的一种技术使用。
    css样式表可以对同一个网页内容进行不同修饰产生不同的风格页面,便于网页风格的切换换。
    使用css的优势:
        1、在css样式表中,提供丰富的属性与各种取值,使用样式表能对网页内容进行所想即所得的各种修饰。
        2、内容与修饰分离,有利于项目开发:
            使用css样式表可以做到网页内容与修饰美化的分离,或者成为内容与表现分离。
        3、提高开发效率:
            同一个网站的多少个页面可以使用同一个样式,同一个页面中的多个标签可以使用同一个样式,提高了网站的开发效率,同时也方便了网站的开发和维护。
        4、实现网页的精准控制:
            css样式具有强大的样式控制能力和排版布局能力,通过各种选择器对页面元素的控制,不仅能修饰封面内容,还能控制页面元素的位置。
            样式表构成:样式表的基本语法由:①选择器 ②属性 ③属性值 构成
            css代码建议全用小写。每行编写一条样式规则。使用“/*.....*/”添加必要注释、
            知识要点:根据根据样式表的书写位置,可以将样式表分为外部样式表,内嵌样式表和行内样式表。
            外部样式表的使用:将样式规则定义在样式表文件中,不同的页面均可以导入样式表文件并使用。

链接外部样式表:

<link rel="stylesheet" href="路径">

 导入外部样式表:

<style type="text/css">@import"css/style,css";</style>

 导入样式表文件:可通过link方式或import方式导入样式表文件,一般用link方式。
            内嵌样式表的使用:在页面style标签中定义样式规则,当前页面元素均可以使用。
            行内标签的使用:将将样式规则定义在标签的style属性中,只有当前元素可以使用。
            不同样式表的使用场合:
                ①行内样式表不建议使用,在实际项目开发中主要使用外部样式表。
                ②内嵌样式表一般在做练习的时候使用

以上是关于使用CSS对HTML表单进行修饰,效果与excel表格类似,可以输入数据。的主要内容,如果未能解决你的问题,请参考以下文章

第3章WEB03- JS篇

层叠样式表(CSS)1

HTML学习·day03——表单,部分css

14款CSS3炫酷表单input输入框美化效果附源码

简易版登录表单练习

2021-08-07