CSS三角形之美

首页 / 正文

div {
  width: 0; 
  height: 0;
  line-height:0；
  font-size: 0;

  border-top: 10px solid red;

  border-right: 10px solid green;

  border-bottom: 10px solid blue;

  border-left: 10px solid #000; 

}

一张图，你就知道 css 三角是怎么来的了, 做法如下：

我们用css 边框可以模拟三角效果
宽度高度为0
我们4个边框都要写，只保留需要的边框颜色，其余的不能省略，都改为 transparent 透明就好了
为了照顾兼容性低版本的浏览器，加上 font-size: 0; line-height: 0;

最新评论

https://www.studyglobus.com/author/carroll34a5552/
Ценники на вывоз мусора сейчас космос, любые лайфхаки по экономии в тему.
Richardgrold
1xbet onlayn kazino platforması ilə vaxtınızı daha səmərəli və maraqlı keçirin. Saytın canlı kazino bölməsi istifadəçilərə fərqli bir dünya təklif edir. Burada canlı dilerli kazino oyunlarının hər bir növünü sınaqdan keçirə bilərsiniz. Krupyelərin peşəkarlığı oyunun dinamikasını və marağını artırır. Müntəzəm olaraq yenilənən oyun siyahısı cansıxıcılığa yol vermir. Hesabınızı artırmaq üçün onlarla fərqli və etibarlı üsul mövcuddur. Qazanılan pullar cəmi bir neçə dəqiqə ərzində şəxsi hesabınıza köçürülür. Aktiv fəaliyyətinizə görə fərdi bonuslar və hədiyyələr qazana bilərsiniz. Dəstək xidməti həm çat, həm də e-poçt vasitəsilə kömək göstərir. 1xbet ailəsinə qoşulun və böyük uduşlar üçün ilk addımı atın. onlayn kazino
砂岩白丘
我一直梦想, 看到你们相册那样的地方。真棒。
城市地標
我喜欢, 这里分享真实经验。你的项目就是属于这里的。请继续。
宗教地標
我热爱这样的想法, 去那么多国家。真的很鼓舞。
觀景高地
能感受到热爱。继续保持感受。
最佳季節
我关注这样的资源, 写得很实在。你的网站就是属于这里的。加油。
1
1
1
1
-1' OR 2+158-158-1=0+0+0+1 or 'TKCTZnRa'='
1