文章專區

網頁設計相關文章

用CSS畫出三角形圖案

以前在網頁裡加上三角形需使用圖片方式加入,

然而現在可以直接用CSS設計出想要的三角形了,而且語法相當簡潔。

主要會用到的就是邊框(border)概念,
一個元素會有四個邊框,每個邊框之間會呈現45度角,
 
於是利用這項特性,讓其中一個邊框消失,對稱的兩邊用相同的顏色,
如此一來就可以形成三角形了。

 
範例:

  • 姜平的专栏作者中国国家地理网 2019-01-19
  • 女性之声——全国妇联 2019-01-18
  • 日本大阪6.1级地震已致4人死亡 370多人受伤 2019-01-18
  • 国际资讯--北京频道--人民网 2019-01-17
  • 晋城到运城要建高铁啦! 2019-01-17
  • 以古鉴今,习近平多次提及屈原 2019-01-16
  • 亚冠出局恒大国脚日落西山 新生代无人难再称霸中超 2019-01-15
  • 【巴州天气】最新巴州今天天气,实时提供巴州气温、空气质量、24小时天气预报、生活指数查询 2019-01-15
  • 环球人物金融科技领军人物榜单 2019-01-14
  • 草莓防便秘、蓝莓护心脏 揭浆果家族的食疗档案 2019-01-13
  • 部分城市房价再现上涨苗头 遏制炒房不可松劲 2019-01-13
  • 候选企业:中粮可口可乐辽宁公司 2019-01-12
  • 梅西失点 阿根廷1-1战平冰岛 2019-01-12
  • 阵容豪华!《食戟之灵》新作OVA远月十杰声优名单公布 2019-01-11
  • 第二届全国高等院校投资理财规划大赛在上海举行 2019-01-11
  • 659| 709| 442| 539| 968| 516| 901| 958| 264| 941|