css控制区域圆角显示

通过以下的方式让一段文字在一个框中显示

这个框是有颜色的，

并且这个框的四周是圆角。

<style>

.frame_lower {

/* 这个图片是大的，底部是圆角 */

/* 0是水平位置 100%代表垂直位置 */

background:url(./images/bg_frame_lower.gif) no-repeat 0 100%;

margin: 15px auto;

width: 568px;

}

.fram_upper {

/* 这个图片是小的，顶部是圆角 */

background:url(./images/bg_frame_lower.gif) no-repeat;

padding:1px 1px;

}

.border {

/* padding 后面的参数分别代表上右下左 */

padding: 0 15px 0 30px;

background-color:#000099;

}

</style>

sssssTest

<div>

css控制区域圆角显示相关推荐

html中控制在一行显示出来,CSS控制文字只显示一行，超出部分显示省略号
之前使用过这个例子,现在总结说明一下: 先给贴代码: 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 省略我吧! 测 ...
css 控制溢出文本显示省略号效果
同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果: 转载于:https:/ ...
css控制文本只显示两行
text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box ...
CSS 控制 input 只显示下划线效果
由于页面设计需要,有时我们可能会出现只有下划线(底部边框)的input,如下图所示那么怎么实现这种效果呢? 其实很简单,只要从边框(border)入手就可以了比如将上.右.左边框宽度设置为0,下边 ...
CSS 控制 input 只显示下划线效果 1
由于页面设计需要,有时我们可能会出现只有下划线(底部边框)的input,如下图所示那么怎么实现这种效果呢? 其实很简单,只要从边框(border)入手就可以了比如将上.右.左边框宽度设置为0,下边 ...
JS控制文字只显示两行，超出部分显示省略号
JS控制文字只显示两行,超出部分显示省略号由于使用css控制文字只显示多行,超出部分显示省略号,存在一定的兼容性问题,所以总结了一下网上一些大咖使用js实现控制行数的解决方案. 第一步:依次引入jq ...
html文字于图片齐平,CSS控制图片和文字在同一行对齐显示
图片与文字是做网站必不可少的要素,我们在使用图片与文字布局时,如何让图片和文字在同一行对齐显示来制作出一个整齐的网页出来. 对于一些学做网站新手来说,图片和文字在同一行对齐显示却不是一件容易的事情,这 ...
html不换行溢出省略号代替,css控制不溢出,不换行,溢出部分省略号显示
css控制不溢出,不换行,溢出部分省略号显示:white-space:nowrap;text-overflow:ellipsis;overflow:hidden; ext-overflow 取值: c ...
html文字图片同一行,CSS控制图片和文字在同一行显示且对齐的3种方法
CSS控制图片和文字在同一行显示且对齐的3种方法在 HTML 代码中,有时会需要在文字旁边加上一个图标. 默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐. 常见欢思 ...

css控制区域圆角显示

css控制区域圆角显示相关推荐

最新文章

热门文章

css控制 区域 圆角 显示

css控制 区域 圆角 显示相关推荐

最新文章

热门文章

css控制区域圆角显示

css控制区域圆角显示相关推荐