• CSS 三角形对话框(带边框)- :before + :after + border

    CSS 三角形对话框(带边框)- :before + :after + border

     关于三角形的各种画法,之前在文章《纯CSS - border绘制三角形(各种角度)》内有详细的介绍,今天来讲的是CSS绘出对话框和三角带边框!真正的三角形画法虽然重要,但常用程度甚至不如本文介绍的带边框三角形,因为现在网页需要弹出各种信息,比如二维码,比如联系方式等,都需要用到对话框,这...

  • 纯CSS图形 - padding圆形/同心圆

    纯CSS图形 - padding圆形/同心圆

    之前讲述过几个使用纯CSS制作的图形,比如三角形《border绘制三角形(各种角度)》三横线《三横线(三道杠)padding制作出来》、《border-style:double制作三横线》今天来分享下上图所示的使用CSS绘制同心圆,主要使用padding属性!代码如下:<style>...

  • 纯CSS图形:三横线(三道杠)padding制作出来

    纯CSS图形:三横线(三道杠)padding制作出来

    其实之前已经分享过一篇,用纯CSS方式实现三横线(三道杠)的方法:CSS小技巧:border-style:double制作三横线具体代码:{width:120px; height:20px;border-top:60px double;border-bottom:20px&nbs...

  • CSS小技巧:border-style:​double制作三横线

    CSS小技巧:border-style:​double制作三横线

    border-style:double有一个用途很有意思了,就是可以单纯的依靠border制作三横线!如上图的代码:{ width:120px; height:20px; border-top:60px double; border-bottom:20px sol...

  • 纯CSS - border绘制三角形(各种角度)

    纯CSS - border绘制三角形(各种角度)

    我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法#triangle-up {   ...

1