html正方形边框，详解HTML设置边框的三种方式（html画方框用border）

代码如下

<!DOCTYPE html>
<html>
   <head>
       <style>
           .square{
               border-width: 2px 2px 2px;
               border-style: solid dashed dotted;
               border-color: red green blue;
           }
           .square1{
               border-width:1px 2px;
               border-style:solid dashed;
               border-color: red blue;
           }
           .square2{
               border:1px solid #fff;
           }
           .square3{
               border-width: 2px 2px 2px 2px;
               border-style: solid dashed dotted solid;
               border-color: red green blue pink;
           }
       </style>
       <meta charset="utf-8">
       <title>正方形边框</title>
   </head>
   <body>
       <div class="square">
           1、正方形边框[分别是上---左右---下边框设置]
       </div>
       <div class="square1">
           2、正方形边框[分别是上下---左右边框设置]
       </div>
       <div class="square2">
           3、正方形边框[边框的粗细、边框样式、边框颜色]
       </div>
       <div class="square3">
           4、正方形边框[分别是上---右---左---下边框设置]
       </div>
   </body>
</html>

试图如下

html正方形边框，详解HTML设置边框的三种方式（html画方框用border）相关推荐

html正方形边框,详解HTML设置边框的三种方式
HTML设置边框的三种方式 border-width: 1px 2px 2px; border-style: solid dashed dotted; border-color:red green b ...
java全局异常处理_详解Spring全局异常处理的三种方式
在J2EE项目的开发中,不管是对底层的数据库操作过程,还是业务层的处理过程,还是控制层的处理过程,都不可避免会遇到各种可预知的.不可预知的异常需要处理.每个过程都单独处理异常,系统的代码耦合度高,工作 ...
详解Springboot下载Excel的三种方式
https://www.jb51.net/article/216656.htm 汇总一下浏览器下载和代码本地下载实现的3种方式. (其实一般都是在代码生成excel,然后上传到oss,然后传链接给前台 ...
详解C#实例化对象的三种方式及性能对比
前言做项目过程中有个需求要实例化两万个对象并添加到List 中,这个过程大概需要1min才能加载完(传参较多),于是开启了代码优化之旅,再此记录. 首先想到的是可能实例化比较耗时,于是开始对每种实例 ...
python调用cmd命令释放端口_详解python调用cmd命令三种方法
目前我使用到的python中执行cmd的方式有三种使用os.system("cmd") 该方法在调用完shell脚本后,返回一个16位的二进制数,低位为杀死所调用脚本的信号号码, ...
Spring框架学习教程，详解Spring注入bean的几种方式
首先,要学习Spring中的Bean的注入方式,就要先了解什么是依赖注入. 依赖注入是指:让调用类对某一接口的实现类的实现类的依赖关系由第三方注入,以此来消除调用类对某一接口实现类的依赖. Sprin ...
详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...
python可以播放音乐吗_详解python播放音频的三种方法
第一种使用pygame模块 pygame.mixer.init() pygame.mixer.music.load(self.wav_file) pygame.mixer.music.set_vol ...
python如何安装matplotlib_详解python安装matplotlib库三种失败情况
(可能只有最后一句命令有用,可能全篇都没用) (小白方法,可能只适用于本人情况) 安装matplotlib时,出现的三种失败情况 1.read timed out 一开始我在pycharm终端使用pi ...
mysql临键锁_详解 MySql InnoDB 中的三种行锁（记录锁、间隙锁与临键锁）
详解 MySql InnoDB 中的三种行锁(记录锁.间隙锁与临键锁) 前言 InnoDB 通过 MVCC 和 NEXT-KEY Locks,解决了在可重复读的事务隔离级别下出现幻读的问题.MVCC ...

html正方形边框，详解HTML设置边框的三种方式（html画方框用border）

html正方形边框，详解HTML设置边框的三种方式（html画方框用border）相关推荐

最新文章

热门文章