后面的文字设置成text-indent:比图片大一点。(你可以给所有的li添加一个类名,然后在这一类名下,统一设置text-indent缩进值)
创新互联是一家专业提供索县企业网站建设,专注与成都网站建设、网站设计、H5开发、小程序制作等业务。10年已为索县众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
text-indent 属性规定文本块中首行文本的缩进。
首先上面的回答有些误导人呀..
position是定义元素的定位方式而非在页面中的位置.
absolute的元素是脱离了标准文档流(我是看英文书的,翻译的不太准确啊)的元素.
比如说吧,有3个DIV元素,为了在这里表述简单,分别命名为D1,D2,D3,且他们在源文件中的出现位置也是D1,D2,D3
然而D2是POSITION:ABSOLUTE的而且LEFT:50PX; TOP:5PX;
并且3个DIV都在以个容器wrapper中.
(您可以自己做个实验,注意没个DIV的涕虫颜色涉为不同的一边分辨,容器设一个明显的边框)
就能看到D1,D3仿佛不知道D2的存在,D3就贴着D1,好像代码中根本没D2似的,这就是脱离了标准文档流(documentFlow 我自己的感觉,翻译的不好啊..).而D2会根据你设的TOP与LEFT属性相对于容器偏移,并且会与D1,D3相互覆盖(overlap).如果TOP/LEFT设的超过容器的话,他也会覆盖容器外的元素.这就是ABSOLUTE.另外注意ABSOLUTE的元素如果没有明显的容器的话他的TOP/LEFT等就是相对于浏览器而言的.
给div加上两行css样式:
div{
height:auto;
overflow:hidden;
}
用ps做这样的图片 可以是背景定位 也可以是插入图片,还可以就红色的背景和灰色的背景上面的数字页面中写
名称栏目:css列表样式操作题,简述css样式表的三种方式
转载来于:https://www.cdcxhl.com/article24/phgeje.html
成都网站建设公司_创新互联,为您提供建站公司、用户体验、微信公众号、静态网站、外贸网站建设、面包屑导航
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联