码迷,mamicode.com
首页 > Web开发 > 详细

Css样式表【边界边框】【列表方块】

时间:2016-12-24 01:18:39      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:更改   nbsp   ack   属性   row   设置   border   不同的   利用   

 

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

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

①使用属性border进行设置。

技术分享技术分享技术分享

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

技术分享技术分享

 

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

技术分享技术分享

 

③如果做倒三角?

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

            #a1{
                width: 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标签害有很多功能,例如:将点放到元素里面、或者外面、再或者将点改成图片等等。

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

技术分享→→技术分享

 

Css样式表【边界边框】【列表方块】

标签:更改   nbsp   ack   属性   row   设置   border   不同的   利用   

原文地址:http://www.cnblogs.com/zrifq/p/6216244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!