文章專區

網頁設計相關文章

用CSS畫出三角形圖案

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

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

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

 
範例:

  • 【昆明天气】最新昆明今天天气,实时提供昆明气温、空气质量、24小时天气预报、生活指数查询 2019-03-24
  • 惊险!司机驾车撞穿墙壁 “飞”下二楼 2019-03-24
  • “国际军事比赛-2018”将于7月28日起在7国举行 2019-03-23
  • 能源舆情:新增风电竞价上网 “华龙一号”完成穹顶吊装 2019-03-22
  • 水果呵护男性健康 葡萄荔枝莲子白果要多吃 2019-03-21
  • 巴常驻联合国代表:上合组织为全球提供了一个促进共赢解决方案和互利合作的重要框架 2019-03-20
  • 控制臂连接轴存隐患  保时捷召回30辆2015款918 Spyder 2019-03-20
  • 秒变迷弟!吴建豪晒与甄子丹合影:偶像给我签名 2019-03-19
  • 最高人民法院再审顾雏军案 2019-03-19
  • 贩毒者将海洛因包装成糖果快递到重庆,警方根据线报抓获2人 2019-03-18
  • 中医排毒养生八法都有哪些? 2019-03-18
  • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-03-17
  • 2018年5月30日国台办新闻发布会 2019-03-17
  • 广州记忆丨无龙舟不端午!没有强劲臂弯的龙船发烧友不是好的传承人 2019-03-16
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-03-15
  • 655| 766| 642| 139| 534| 926| 455| 427| 12| 241|