CSS如何让边框长度小于图形本身长度?

作者&投稿:右俊 (若有异议请与网页底部的电邮联系)
CSS 边框 长宽 控制~

你好,你这里样式是针对p这个元素写的css样式,因为p定义了id为image,至于“边框的长度总是和显示器长度一致,比界面的图片大出很多”原因是P是块元素,没有定义宽度,所以总是和显示器长度一致
要想对图片操作,这里将p#image改为p image或者p#image image

.prod_list_pic{border:#ffffff 2px solid;padding:4px;}/*图片边框颜色大小*/
按照这个格式就可以了

  单个div是做不到的,你可以设置一个大的div,然后上边框去掉,里面设置一个小的div只留一条边,然后定位到上面就可以了。

只用一个div是做不到的。

解决方法:外层一个div写左右下三条边框,里面一个div写一个边框,定位在外层div上。

代码如下:

<div style="width:300px; height:150px; border:1px solid #000; border-top:none; position:relative;">
<div style="width:200px; height:1px; border-top:1px solid #000; position:absolute; top:0; left:50%; margin-left:-100px;"></div>
</div>


<div style="width:250px; height:219px; border:3px #ff0000 solid; position:absolute;"></div><img src="20150907155529601_54.jpg" />

代码由[且听风吟福利吧]奉上



应该是不行的


asp.net如何删除文件asp删除文件
\/\/绘制边框 \/\/ xSt.get_Range(excel.Cells,excel.Cells).Borders.LineStyle=1; xSt.get_Range(excel.Cells,excel.Cells).Borders.Weight=XlBorderWeight.xlThick;\/\/设置左边线加粗 xSt.get_Range(excel.Cells,excel.Cells).Borders.Weight=XlBorderWeight.xlThick;\/\/设置上边线加粗 xSt.get_Range(excel.Cells,...

...Super Sport “55 1of1”官图 纪念首款SS车型
车身侧面来看,车身整体前半部分采用了黄色涂装,后半部分为黑色涂装,并以C字形线条为分界线,展示了整车的圆润的优雅线条。此外,作为SuperSport版,新车还采用了长尾设计,更加修长的车身带来个更好的急速表现。此外,新车轮圈采用了黑色涂装并搭配黄色的EB字样。车尾部分,新车整体设计与常规的SS版本区别...

VFP表单题目求答案
24、创建一表单FORM1,上有“下一条”按钮及两文本框,要求单击按钮时,两文本框依次显示表TEST1.DBF中各条记录的姓名及职称,并且当显示到最后一条记录时,再次单击按钮,会弹出“已到... 24、创建一表单FORM1,上有“下一条”按钮及两文本框,要求单击按钮时,两文本框依次显示表TEST1.DBF中各条记录的姓名及职称...

如图,一个矩形的窗户,已知所有边框总长度8m(图中所有黑线部分),当x为...
设面积为s s=x(8-2x)\/4=(4x-x^2)\/2 求导s'=2-x=0得x=2

Auto CAD2014怎么使用Express工具栏?
系统将显示Revcloud Options对话框。当移动十字光标头时,就可建立一条具有指定长度的实线弧。当十字光标头接近起点时,最后的一段弧与起点相连,以形成闭合的修正阴影, 并同时结束该命令。 7. PACK 利用该命令,可以将与一个特定图形有关的所有文件都复制到一个指定的目录中。mand: PACK执行该命令后,会出现Pack & ...

为什么我SS的宝宝不管在那个状态下都不主动攻击怪呢?都是点一下杀...
技能要自动施放.也就是技能边框转.状态防御就可以了.

CAD里面有没有自动编号功能?
1、首先打开CAD软件,点击上方菜单中的“管理”-“加载应用程序”;2、在弹框中选择“编号速写”应用程序进行加载;3、加载之后在命令框中输入代码“SB”;4、然后移动鼠标光标,在需要编号的地方点击,就可以自动编号了。

在SQL中如何将查询结果直接导出为EXCEL表格
为了实现导出,你必须首先创建一个空的有固定名字的Excel文件,并将其放置在服务器上。我把它命名为Empty.xls,并放置在c:temp的目录下。这个文件不会被删除,并且在装入数据之前,作为目标Excel文件的模板使用。Empty.xls文件被构建的时候,只含有一个工作页,名为ExcelTable,其中的第一行(仅有的一行...

new balance ML574SS1验货
正品!放心穿吧~说明:1、右上角NB logo四条白色道道进入B字母一点点且渐渐消失为正;2、左边框内四组字母,UK字母离下边框的距离要比其余三组字母远一些或者UK下面的底边框是一条粗线(你这个就是粗线),且其余三组字母离下边框的距离相同为正;3、框内的数字字体正确,且数字5下面的弯快跟...

大学生怎么做好就业准备论文
大学生怎么做好就业准备论文2 1、 大学生就业心理压力的现状分析 中国社会调查所(SSIC)在北京、上海、广州等八个城市中对2000名在校大学生进行了一次心理健康状况调查。调查显示,75%的大学生认为压力主要来自于社会就业,50%的大学生对于自己的就业前景感到迷茫,没有目标,41、7%的大学生表示目前没考虑太多;只有8、...

万山特区15247609069: CSS如何让边框长度小于图形本身长度? -
阎永胶体: 单个div是做不到的,你可以设置一个大的div,然后上边框去掉,里面设置一个小的div只留一条边,然后定位到上面就可以了.

万山特区15247609069: CSS 边框 长宽 控制 -
阎永胶体: 你好,你这里样式是针对p这个元素写的css样式,因为p定义了id为image,至于“边框的长度总是和显示器长度一致,比界面的图片大出很多”原因是P是块元素,没有定义宽度,所以总是和显示器长度一致 要想对图片操作,这里将p#image改为p image或者p#image image

万山特区15247609069: css怎么设置边框长度 -
阎永胶体: .prod_list_pic{border:#ffffff 2px solid;padding:4px;}/*图片边框颜色大小*/ 按照这个格式就可以了

万山特区15247609069: 网页设计中边框里的图片如何控制其大小? -
阎永胶体: 可以在css文件里设置图片的长宽及图片的浮动等各种特效.即用width、和height强制改变图片的大小.如:.a{background:url(tupian.jpg);width=20px;height=20px;} 说明:.a是类选择器,调用时<标签名 class="类名">(这里类名为a),url里面是图片的位置及名称.width、height即强制改变的图片的大小.还有一种方式是可以借助电脑的画图工具将图片的大小改成目标大小,然后保存后也可以直接调用图片.

万山特区15247609069: css能不能控制div边框一边长一边短 -
阎永胶体: 标签或者div是一个矩形而且只能是矩形,所以一共有4条边,而设置单独一条边框是必须与这个边长度或者宽度相等的,最多只能控制边框的粗细或者样式(虚线、实线)而已;你要是想一边长一边短,那就只能用图片来模拟代替了

万山特区15247609069: css样式 怎么调整框之间的距离 -
阎永胶体: 边框之间的距离,如果是内边距,可以用padding,如果是外边距,可以用margin,你的这个可以写成外边距margin-right:10px;想改变大小的话,可以缩减和加大数值!

万山特区15247609069: 如何定位CSS可以让左边框的长度随右边的内容增加而曾长? -
阎永胶体: 一是在外面放个大盒子放背景图片解决,二是外面用一个table表格放背景色或边框线这就跟你自己的需要来设了,然后里面再套div就ok了

万山特区15247609069: html中,关于<input type="text" />怎么调整边框宽度 -
阎永胶体: html中,关于怎么调整边框宽度这是文本框,可以使用CSS来调整边框宽度:其中3px为边...

万山特区15247609069: css怎么控制表格的边框粗细 -
阎永胶体: <style> table {border-collapse:collapse} th,td {border:1px solid #000} /*通过这个1px来调整粗细*/</style><table><tr> <th>aaa</th><th>bbb</th><th>ccc</th></tr><tr> <td>111</td><td>222</td><td>333</td></tr></table>

万山特区15247609069: CSS如何让设置字体框长度 -
阎永胶体: 你好,可以加width:xxx px; 这样可以控制h2的宽度,调成和你字体一样宽的就好了.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网