您的位置：首页 > Web前端 > CSS

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

2016-12-23 22:08 204 查看
一、如何给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标签害有很多功能，例如：将点放到元素里面、或者外面、再或者将点改成图片等等。

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



→→
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航