zoukankan      html  css  js  c++  java
  • Css样式表【边界边框】【列表方块】

    一、如何给div加边框?【边界边框】

    我们先做一个整个边框,并附加成绿色的边框。

    ①使用属性border进行设置。

    ②也可以单独更改某个边的边框线的颜色,利用border属性更改。

    如果将div中的长宽的值设置为0,那么整个div就全都是边框了。

    ③如果做倒三角?

    当然,我们只要调整div中边框的颜色就和像素可以做出我们想要的形状。

                #a1{
                     0px;
                    height: 0px;
                    border-top: 100px solid darkslategray;
                    border-bottom: 100px solid yellowgreen;
                    border-left: 100px solid brown;
                    border-right: 100px solid black;
                    
                }

    这样就形成了四个对等的三角形,并附有不同的颜色,那么将其中三个的颜色值改变为白色,就是我们想要的三角形了。


    二、如何去掉列表前面的数字或点?【列表方块】

    1、列表方块

    利用list标签去掉列表中前面的点的效果

    #lie{
                    list-style: none;
                }

    →→

    当然,list-style标签害有很多功能,例如:将点放到元素里面、或者外面、再或者将点改成图片等等。

    再做一个将点改成图片的:

    →→

  • 相关阅读:
    Day 24 Network Programming
    Day 22 23 Network Programming
    Day 21 OOP
    Day 20 OOP
    Day 19 OOP
    Day 18 OOP 面向对象编程
    Day 17 Frequently-used modules
    4--jenkins部署tomcat
    3--Jenkins详解 、用户权限、构建maven、参数化构建
    5--Zabbix分布式 监控 ; snmp监控
  • 原文地址:https://www.cnblogs.com/zrifq/p/6216244.html
Copyright © 2011-2022 走看看