css中区块显示block在哪设置

html-css022

css中区块显示block在哪设置,第1张

给a标签设置display:block后,它会根据盒模型计算a标签的实际大小。

这时候,你可以使用hover伪类使a的整个盒模型生效。

.link a{display:blockpadding:2px 10px}

/*这样,a标签的范围就是文字上下各扩出2px左右各扩出10px/*

然后

.link a:hover{background:#newcolor}

就能实现你要的效果。

你所说的不要点击效果,要记住lovehate的前后顺序,以及各自代表的意义。

hover即onmouse的效果,active是点击效果。

您好!

display:block是可以把非块级元素强制转换为块级元素显示,如内嵌元素span,原来不支持设置宽高,宽度是由内容撑开的,几个span元素是在同一行内的,如果给span设置如下样式:

span:display:block

那么span元素就会表现的和DIV一样,每个DIV占据一行,而且支持设置宽高;

具体CSS中的display有如下属性:

值描述

none    此元素不会被显示。    

block    此元素将显示为块级元素,此元素前后会带有换行符。    

inline    默认。此元素会被显示为内联元素,元素前后没有换行符。    

inline-block    行内块元素。(CSS2.1 新增的值)    

list-item    此元素会作为列表显示。    

run-in    此元素会根据上下文作为块级元素或内联元素显示。    

compact    CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。    

marker    CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。    

table    此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。    

inline-table    此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。    

table-row-group    此元素会作为一个或多个行的分组来显示(类似 <tbody>)。    

table-header-group    此元素会作为一个或多个行的分组来显示(类似 <thead>)。    

table-footer-group    此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。    

table-row    此元素会作为一个表格行显示(类似 <tr>)。    

table-column-group    此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。    

table-column    此元素会作为一个单元格列显示(类似 <col>)    

table-cell    此元素会作为一个表格单元格显示(类似 <td> 和 <th>)    

table-caption    此元素会作为一个表格标题显示(类似 <caption>)    

inherit    规定应该从父元素继承 display 属性的值。

希望我的回答能够帮到您!

行内元素(inline)的大小是受所在行统一控制的,不能单独设置大小,这个应该不难理解,因为如果同一行有多个行内元素,如果都各自设置自己的大小(以及行高、排列方式等),那么这一行就会变得混乱不堪甚至完全失控。所以如果一个元素的display属性设为inline,那么它的width和height属性就会自动失效。

如果想让一个行内元素有自己的宽度,可以设为inline-block,这样既保留行内元素的特征,又可以单独设置自身状态,但一般并不建议这么做,因为这可能会打破网页的正常结构。从你的代码来看,你这个a标签都是单独一行的,设为块级元素(block)即可,没必要非设为inline不可啊。