css水平方向居中，css调整背景图片位置，css画三角形

水平方向调整元素位置

width: 300px;
margin: auto;
position: absolute;
left: 0;
right: 0;

水平方向调整背景图片

background-position-x: -600px;//水平方向，同理垂直y也可以调整

#triangle03{width: 0;height: 0;border: 50px solid transparent;border-top: 50px solid blue;}
#triangle04{width: 0;height: 0;border: 50px solid transparent;border-right: 50px solid red;}
#triangle05{width: 0;height: 0;border: 50px solid transparent;border-bottom: 50px solid green;}
#triangle06{width: 0;height: 0;border: 50px solid transparent;border-left: 50px solid yellow;}

上面的代码就可以实现，四个不同方向的三角形了。

css水平方向居中，css调整背景图片位置，css画三角形相关推荐

html背景图片横屏,CSS背景颜色背景图片居中重复固定样式background经验篇
我们使用CSS Background样式属性,可以设置网页背景单一颜色.网页背景为图片.网页背景图片居中于网页.网页背景图片网页固定位置.网页背景图片中网页中重复平铺等css背景样式介绍与案例讲解. ...
html语言设置网页背景,HTML+CSS入门设置网页中的背景图片的5个属性
本篇教程介绍了HTML+CSS入门设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...
php背景图片存放位置,CSS中背景图片位置 background-position 的使用方法
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?以下就来介绍CSS中背景图片位置 background-position 的用法. 在背景图片的背景图片位置属 ...
css --- [学习笔记]背景图片小结 css三大特性
源代码参考 1. 行高(line-height) 目标理解 - 能说出行高和高度三种关系 - 能简单理解为什么行高等于单行文字会垂直居应用使用行高实现单行文字垂直居中能会测量行高 2. CS ...
CSS基本知识之复合选择器、元素显示模式、背景图片位置，精灵图
CSS基本知识之复合选择器.元素显示模式.背景图片位置,精灵图一.复合选择器在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进 ...
CSS的背景（背景颜色，背景图片，背景平铺，背景图片位置，背景图片固定（图片附着），背景复合写法）
CSS的背景通过 CSS 背景属性,可以给页面元素添加背景样式. 背景属性可以设置背景颜色.背景图片.背景平铺.背景图片位置.背景图像固定等. 背景颜色 background-color 定义元素的 ...
Css的背景（背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定）
通过css背景属性,可以给页面元素添加背景样式. 背景属性可以设置背景颜色.背景图片.背景平铺.背景图片位置.背景图像固定等. 背景颜色: Background-color:#******: < ...
黑马程序员前端-CSS背景：颜色、图片、平铺、背景图片位置、背景图像
前端学习笔记教程不定期更新中,传送门: 前端HTML第一天:什么是网页?什么是HTML?网页怎么形成? 黑马程序员前端-CSS入门总结黑马程序员前端-CSS之emmet语法黑马程序员前端-CSS的 ...
php背景图片透明度,css如何使用opacity属性给背景图片加透明度（代码）
本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS 中无法直接给背景图片加 opacity ...

css水平方向居中，css调整背景图片位置，css画三角形

css水平方向居中，css调整背景图片位置，css画三角形相关推荐

最新文章

热门文章

css水平方向 居中，css调整背景图片位置，css画三角形

css水平方向 居中，css调整背景图片位置，css画三角形相关推荐

最新文章

热门文章

css水平方向居中，css调整背景图片位置，css画三角形

css水平方向居中，css调整背景图片位置，css画三角形相关推荐