标题背景圆角 随意宽度

需要分成三张小图,两头两张JPG,必须是JPG,中间随意

<div class="Msg_T">
    <div class="Msg_TL"></div>
    <div class="Msg_TC">收件人列表</div>
    <div class="Msg_TR"></div>
</div>
.Msg_T {width: 100%; height: 42px; background: url(../images/T_2.png) repeat-x;}
.Msg_TL,.Msg_TR {width: 5%; height: 42px; float: left;}
.Msg_TC {width: 90%; line-height: 42px; font-size: 16px; color: #fff; float: left;}
.Msg_TL {background: url(../images/T_1.jpg) no-repeat top left;}
.Msg_TR {background: url(../images/T_2.jpg) no-repeat top right;}

最终效果

时间: 2024-10-08 17:55:19

标题背景圆角 随意宽度的相关文章

2017-3-14文章名 css解决标题背景 不显示文字

2017-3-14文章名 css解决标题背景 不显示文字 标签 text-indent: 100%; white-space: nowrap; overflow: hidden; 隐藏文字 以图代字

android 按钮背景 圆角+点击效果

今天做了个按钮,不想麻烦美工做图片,又不喜欢方角的图片,就用xml做了圆角的图片,做好之后发现,点击的时候看不出点击效果了,xml可以定义点击效果, 就想怎么能两个一起实现,网上找了下大致看了一遍都不是我想要的,就慢慢的试了试,结果两者一结合就OK了. 1 <Button 2 android:id="@+id/repeat" 3 android:layout_width="fill_parent" 4 android:layout_height="w

Dialog 样式 主题 标题 背景 使用【总结】

最重要的是这两行代码 dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);//设置Dialog没有标题,需在setContentView之前设置 dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);//设置Dialog背景透明效果 MainActivity public class MainActivity extends ListActi

android dialog 去标题,圆角矩形,去背景

关键知识点, style,shape 1,dialog去标题 可以用主题去标题,只要有 <item name="windowActionBar">false</item><item name="windowNoTitle">true</item> 主题有这两个属性的,都可以,比如 android.R.style.Theme_DeviceDefault_Light_Dialog_NoActionBar主题 或者 dial

使用ie-css3.htc实现背景圆角效果

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .box { background-image: url(Demo.jpg); height: 165px; width: 220px; -moz-border-radius: 15px; /*

标题背景 运动==原生

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 } 11 12 div { 13 overflow: hidden; 14 border: 1px solid #c

11.2 固定宽度圆角框

因为不必考虑宽度变化带来的麻烦,所以制作宽度固定的圆角框比制作适应宽度的圆角框要简单很多.关键在于如何合理地使用背景图像. 一.两背景图像法 本例制作如图1所示的圆角框,使用两个背景图像文件,宽度固定.这种方法只适用于制作单色圆角框.本实例文件位于网页学习网CSS教程资源中“第11章\01\basic.htm”. 图1 圆角框案例效果 ① 使用这种方法首先要确定圆角框的颜色,以及圆角框后面的网页背景的颜色,然后根据这两种颜色制作两个图像文件,如图2所示.例如,这里的网页背景为白色,圆角框为咖啡色

css背景-边框-文本

一.CSS3背景 属性列表 background background-color background-image background-repeat background-attatchment background-position background-origin background-clip background-size 1.CSS3背景原点属性 background-origin 设置或检索对象的背景图像计算background-position时的参考原点位置 IE8 Fir

css3圆角和渐变2种常用功能详解

Css3圆角讲解:想必大家对于图片,背景圆角,都不陌生吧, 圆角语法:border-radius:圆角值: 这个值可以使用:em ,ex,pt,px,百分比; Border-radius跟margin,padding差不多 Border-radius:lefttop,righttop,rightbottom,leftbottom. <div class="box1"></div> .box1{width:200px;height:100px;border-rad