表格样式

最新推荐文章于 2024-04-18 14:11:07 发布
最新推荐文章于 2024-04-18 14:11:07 发布
阅读量99 收藏
点赞数 1
分类专栏： HTML Web css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shuxiluxian316/article/details/99683886
版权
HTML 同时被 3 个专栏收录
9 篇文章 1 订阅
订阅专栏
css
4 篇文章 0 订阅
订阅专栏
Web
2 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>reportIntelligence</title>
    <link href="form.css" rel="stylesheet" type="text/css">
</head>

<body>
<p>reportIntelligence</p>
<div>
    <form action="reportIntelligence" method="post" class="form-style">
        <h1>create intelligence by random<span>choice the button</span></h1>
        <label>
            <span>host:</span>
            <input name="host" value="" type="text">
        </label>

        <label>
            <span>appKey:</span>
            <input name="appKey" value="" type="text">
        </label>

        <label>
            <span>appSecret:</span>
            <input name="appSecret" value="" type="password">
        </label>

        <label>
            <span>&nbsp;</span>
            <input name="choice" value="more" type="submit"class="button">

            <span>&nbsp;</span>
            <input name="choice" value="end" type="submit" class="button">

            <span>&nbsp;</span>
            <input name="choice" value="one" type="submit" class="button">
        </label>
        
    </form>


    <form action="reportIntelligence" method="post" class="form-style">
        <h1>create intelligence by custom<span>insert the information of intelligence</span></h1>


        <label>
            <span>host:</span>
            <input name="host" value="" type="text">
        </label>


        <label>
            <span>appKey:</span>
            <input name="appKey" value="" type="text">
        </label>

        <label>
            <span>appSecret:</span>
            <input name="appSecret" value="" type="password">
        </label>

        <label>
            <span>intelligenceNumber:</span>
            <input type="text" name="intelligenceNumber">
        </label>

        <label>
            <span>typeDictionaryCode:</span>
            <select name="typeDictionaryCode">
                <option value="C0000">C0000</option>
                <option value="C0001">C0001</option>
                <option value="C0002">C0002</option>
                <option value="C0003">C0003</option>
                <option value="C0004">C0004</option>
            </select>
        </label>

        <label>
            <span>description:</span>
            <textarea name="description" value="description"></textarea>
        </label>

        <label>
            <span>details:</span>
            <input type="text" name="details" value="details">
        </label>

        <label>
            <span>occurLocation:</span>
            <input type="text" name="occurLocation" value="occurLocation">
        </label>

        <label>
            <span>longitude:</span>
            <input type="text" name="longitude" value="103.00~105.99">
        </label>

        <label>
            <span>latitude:</span>
            <input type="text" name="latitude" value="30.00~35.99">
        </label>

        <label>
            <span>sourceDictionaryCode:</span>
            <select name="sourceDictionaryCode">
                <option value="C0001">C0001</option>
                <option value="C0002">C0002</option>
                <option value="C0003">C0003</option>
            </select>
        </label>

        <label>
            <span>levelDictionaryCode:</span>
            <select name="levelDictionaryCode">
                <option value="LEVEL_ONE">LEVEL_ONE</option>
                <option value="LEVEL_TWO">LEVEL_TWO</option>
                <option value="LEVEL_THREE">LEVEL_THREE</option>
            </select>
        </label>


        <label>
            <span>remark:</span>
            <input type="text" name="remark">
        </label>

        <label>
            <span>&nbsp;</span>
            <input name="choice" value="selfDefine" class="button" type="submit">
        </label>
    </form>

</div>
</body>
</html>

.form-style{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    background: #F7F7F7;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
	padding:10px;
}

.form-style h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: 10px 15px 30px 10px;
    color: #888;
}
.form-style h1>span {
    display: block;
    font-size: 11px;
}
.form-style label {
    display: block;
    margin: 0px;
}
.form-style label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.form-style input[type="text"], .form-style input[type="password"],.form-style textarea, .form-style select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.form-style textarea{
    padding: 5px 3px 3px 5px;
}
.form-style select {
    /*background: #FFF url('') no-repeat right;*/
    /*background: #FFF url('') no-repeat right;*/
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.form-style textarea{
    height:100px;
}
.form-style .button {
    background: #E27575;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.form-style .button:hover {
    background: #CF7A7A
}
lemonTree-cool
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Layui 修改表格样式
遇见--专栏
12-21 4551
使用Layui做表格显示数据时候，不要自定义表格，但是layui的css已经写好了，这个时候要改layui的css就比较麻烦，本文我总结了layui表格风格更改样式。
〖Python自动化办公篇⑩〗- word文件自动化 - 设置图片样式与表格样式
热门推荐
易编橙 · 终身成长社群，相遇已是上上签！
05-14 4万+
上一章节学习了段落的样式之后，尤其是段落的居中。那么图片是否也可以以这样的方式居中呢？居中是可以的，但是实用的居中方法与段落居中的方式还是有一点区别的。
python-docx表格样式列表
weixin_30663391的博客
10-28 2133
python-docx的表格样式如下： 使用方法： table.style='Medium Grid 1 Accent 1' or document.add_table(3,4,style='Medium Grid 1 Accent 1') 表格样式：Normal Table 第1列 第2列 第3列 ...
CSS表格样式
xiangxiongfly
07-21 1万+
CSS表格样式 caption-side 标题位置 border-collapse 边框合并 border-spacing 边框间距 css样式（推荐使用）
HTML表格样式
ZYX13721846745的博客
10-08 7993
9675人阅读 行跟列背景颜色的选择，合并等 列的颜色选择代码 <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col&
Bootstrap表格样式
奋斗的日子最甜美，在科技的海洋里，永无止境。
04-03 9535
Bootstrap表格样式 Bootstrap表格样式分类 基础样式.table 2.带背条纹表格.table-striped 3.带边框.table-border 4.悬停.table-hover 5.紧凑.table-condensed 6.行样
layui 调整表格样式
Ghjkku的博客
10-20 3万+
要在引入layui.css的后面引入才生效。
html 好看表格样式,简单但是好看的表格样式
weixin_39521651的博客
07-02 2535
废话不多说，先上图：再看看代码块；样式表：body{font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;background: #E6EAE9;}a {color: #c75f3e;}#mytable {width: 700px;padding: 0;margin: ...
word批量修改表格样式
最新发布
qq_42440919的博客
04-18 1037
注意：如果全局的段落里面设置了对齐方式，再对第三步中，批量表格的表头设置居中对齐，会不生效，所以表格的对齐，不要再全局的段落中设置，如果设置了，就重新设为默认值，该回去，再针对表格设置。（2）可以针对某个表格样式设置属性，其中可以单独针对“整个表格”、“标题行”设置，因为有时候标题行和内容的要求不一样（比如标题行居中，表格内容居左，标题有背景色等）（3）如果设置了标题行的样式，需要在表设计/表格样式选项/这里，选中标题行，才能生效。（1）表设计，点击表格样式的右下角，出来修改样式的弹窗。
CSS表格样式1
05-27
在CSS（层叠样式表）中，表格样式是网页设计中的一个重要组成部分，它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...
漂亮大气的表格样式
12-17
在IT行业中，尤其是在网页设计和数据展示领域，创建“漂亮大气的表格样式”是至关重要的。这不仅可以提升用户的视觉体验，还可以使数据更易于理解，提高信息传递的效率。Express CSS Table Design，作为这个主题的...
CSS实现的清爽、漂亮的表格样式分享
01-19
效果： 实现代码： 复制代码代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...<head><... charset=gb2312″ />...CSS实现的清爽、漂亮的表格样式 – jb5t1.net</tit
CSS 表格样式
03-18
本文将深入探讨如何使用CSS来美化和定制表格样式，以提升网站的用户体验。 首先，我们要理解HTML表格的基本结构。在HTML中，`<table>`元素是创建表格的基础，而`<tr>`表示行，`<th>`表示表头单元格，`<td>`则表示...
meta元素
熟悉路线的博客
07-31 6621
meta元素是元数据的缩写，用来描述其他数据的数据。在HTML文档中meta描述HTML文档的内容。一个head元素可以包含多个meta元素，每个meta元素使用的名称/值对结构提供了单个的数据点。 名称部分根据所设置的数据类型在name特性或者http-equiv特性中定义，值部分由content特性指定。 &lt;meta name="author" content="Mark J C...
head元素中的title元素
熟悉路线的博客
07-31 1977
title元素指定页面的标题，该标题会在多地使用： 在浏览器的标题栏或者选项卡中显示。 搜索引擎通常在搜索结果中显示该标题。 当向收藏夹或者书签中添加一个页面，会使用该标题作为收藏夹名称。 一个文档只能包括一个title元素，如果包含了多个title元素，浏览器通常会显示第一个，忽略其他的。...
link元素
熟悉路线的博客
07-31 917
link元素用于引用外部资源。 文档所需资源，使用链接加载呈现，最常见是级联样式表。 对其他相文档的链接。 link元素所链接的资源完全通过特性指定，href特性和rel特性（relationship缩写）表明文档与所链接资源之间的关系。 &lt;link rel="stylesheet" type="text/css" href="Sample.css"/&gt; &lt;link...
style元素
熟悉路线的博客
07-31 817
在该元素上显示指定的样式（内联样式）。 style元素和script元素的区别 JavaScript通过script元素的内容或者使用src特性引用外部文件。 需要样式时，可以使用style元素来定义样式，但是加载一个外部文件，必须使用link元素。link元素只能在head元素中使用，而style元素可以在head元素或者body元素中使用，这种做法没被广泛支持。 style元素...
poi word表格 样式
05-09
要设置Word表格样式，可以按照以下步骤操作： 1. 在Word中创建表格并选中表格。 2. 在“开始”选项卡中，点击“样式”下拉菜单。 3. 选择一个表格样式。 如果需要设置自定义表格样式，可以按照以下步骤操作： 1. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值