如何用div+css无缝拼接图片?

html-css099

如何用div+css无缝拼接图片?,第1张

你的HTML代码 特别是A标签 嵌套错误。应该是:<a href="图片9的链接" style="margin:0padding:0"><img src="图片1" alt="" width="" height=""></a>

margin:0padding:0的意思是 边距为0,无缝

这位网友你好,三角形边框只是利用了一个元素的边框,元素本身宽高都为0,把边框颜色设置为透明色,然后需要的一边设置为自己想要的颜色即可。

div{

  border:20px solid transparent

  border-left-color:#ff0000

}

例如上面就是一个向右的三角形。当然你可以可以利用左边框和下边框拼成一个大三角形,其他都类似。

只有一个DIV的话,好像不可以,没尝试过。

如果 DIV里 有 三个DIV 可以做

<div>

<div></div>

<div></div>

<div></div>

</div>

或者 DIV里 放 2个DIV 也可以

<div>

<div></div>

<div></div>

</div>

如果这样可以的话 1163131313 请加扣扣,可以告诉你怎么做,在这里写太困难 = = ;

(三个图片拼接 直接用PS也可以吧 呵呵 然后给DIV背景,呵呵)