zoukankan      html  css  js  c++  java
  • html让表格边框样式为细线

    html让表格边框样式为细线,以前在网上查了很久都没满意的答案,今天在看CSS书的时候才发现用CSS是就会很简单的实现这个功能,不光是边框细线,不管什么样的样式都可以弄出来。

    什么?你不懂CSS?!

    无所谓,即使你对CSS一点都不动都没事,这个很简单的,就一行代码,总共也就20、30个字母。

    看好了。

    <td style="border-1px;border-color:#000099;border-style:solid;">5DKX.COM—5D开心博客</td>

    在给解释一下里面各个标签的含义吧

    border-style:solid设置边框线是样式其中solid含义是实线

    border-1px:设置边框线的宽度

    border-color:#000099 设置边框线的颜色

    下面给个例子

    <table width="500" border="0" align="center">
    <tr>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    </tr>
    <tr>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    </tr>
    <tr>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    <td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
    </tr>
    </table>

     

    下面的是效果图:

     

    5DKX.COM—5D开心博客 5DKX.COM—5D开心博客 5DKX.COM—5D开心博客
    5DKX.COM—5D开心博客 5DKX.COM—5D开心博客 5DKX.COM—5D开心博客
    5DKX.COM—5D开心博客 5DKX.COM—5D开心博客 5DKX.COM—5D开心博客

    首发:http://www.5dkx.com/arch/90.html

    非特别说明均为原创文章如转载,请注明:转载自 5D开心博客 [ http://www.5DKX.com/ ]

  • 相关阅读:
    Nginx文件下载服务器部署
    Git分支命名规范
    ROS通信介绍
    linux环境设置默认路由的优先级
    Python日志方案
    Python threading Local()函数用法:返回线程局部变量
    Python中websocket的使用示例
    MQTT的Python使用示例
    利用systemback打包个人ISO系统镜像
    Spring Security学习笔记三
  • 原文地址:https://www.cnblogs.com/5dkx/p/1689775.html
Copyright © 2011-2022 走看看