边框背景

1.border
边框属性可设置宽度,线样式和颜色

border:4px solid green;

2.border-radius

边框圆角属性

border-radius: 10px;

3.border-image

border: 10px solid gray; border-image: url(images/b1.png) 2/6px; 

后面的值可以设置4个。

4.box-shadow

box-shadow: 3px 3px 5px yellow ,
box-shadow: 3px 3px 5px yellow inset

(加上inset就是往里面凹)

5.line-height

line-height: 50px;

6.text-indent

text-indent: 2em;

(缩进2个字符)

7.letter spacing
不常用

8.文本文字溢出变成。。。

overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;

第一是条件,第二是强制一行显示,第三是超出部分显示为……

9.rgba,background-color

background-color:rgba(23,42,155,.3);

10,颜色渐变

background-image: linear-gradient(270deg,red,yellow,blue);

11.background

background: url(images/b2.png) no-repeat left -53px;

  可控制图片

时间: 2024-11-10 15:10:46

边框背景的相关文章

android 用代码画虚线边框背景

               1.虚线画效果,可以使用Android中的xml来做. 2.直接上代码: <RelativeLayout android:id="@+id/coupon_popup" android:layout_width="320dp" android:layout_height="200dp" android:layout_margin="20dp" android:gravity="cen

Android通过用代码画虚线椭圆边框背景来学习一下shape的用法

在Android程序开发中,我们经常会去用到Shape这个东西去定义各种各样的形状,shape可以绘制矩形环形以及椭圆,所以只需要用椭圆即可,在使用的时候将控件比如imageview或textview的高宽设置成一样就是正圆,solid表示远的填充色,stroke则代表远的边框线,所以两者结合可以实现带边缘的圆,当然也可以直接加上size控制高宽.那么我首先带你们了解一下Shape下有哪些标签,并且都代表什么意思: shape属性: rectangle:矩形 oval:椭圆 line:线,需要

android 用代码画虚线边框背景(转)

1.虚线画效果,可以使用Android中的xml来做. 2.直接上代码: <RelativeLayout android:id="@+id/coupon_popup" android:layout_width="320dp" android:layout_height="200dp" android:layout_margin="20dp" android:gravity="center_vertical&qu

EditText自定义边框背景与动态检测用户输入

一.EditText自定义边框背景 1.效果演示 2.代码实现 (1)res/drawable/shape_edit_normal.xml 功能:编辑框没获得焦点时,使用该shape.<shape.../>为根元素的ShapeDrawable资源,主要用于定义一个基本的几何图形,如矩形.圆形.线条等. <solid.../>子元素用于指定填充集合图形的的颜色: <corners.../>子元素用于定义几个图形的四个角的弧度: <gradient../>子元素

去掉UISearchBar自带的的边框背景

去掉UISearchBar自带的的边框背景 ,分为ios7后和ios7前的解决方案,代码如下: UISearchBar* searchbar = [[UISearchBar alloc]initWithFrame:CGRectMake(5, 0, 310, 50)]; searchbar.tag = 1000; searchbar.delegate = self; [cell addSubview:searchbar]; for (UIView *view in searchbar.subvie

Android 自定义android控件EditText边框背景

在我们进行Android应用界面设计和时候,为了界面风格的统一,我们需要对一些控件进行自定义.比如我们的应用采用的蓝色风格,但是 android的EditText控制获得焦点后显示的却是黄色的边框背景.那么如何让EditText在获得焦点的时候显示的是我们自定义的蓝色的背景 呢? 首先准备两张图片,一张是EditText获得焦点后的边框背景,一张是没有获得焦点时的背景,注意制作成9.png样式的图片,然后在drawable里添加一个selector_edittext_bg.xml文件,内容如下:

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背景、边框、和补丁相关属性

border :基本语法 border: border-width || border-style || border-color 默认值为: medium none . border-color 的默认值将采用文本颜色 相关属性: border-top,border-left,border-right,border-bottom:它们分别对边框的某个方向起作用,语法基本与border相同 border-bottom-color,border-top-color,border-bottom-co

边框样式、段落样式、背景样式

边框样式: 1. border-width 边框宽度: div { width:200px; height:200px; border-style:solid; border-width:5px; } /*border-top-width 设置上边框宽度 border-bottom-width 设置下边框宽度 border-left-width 设置左边框宽度 border-right-width 设置右边框宽度*/ 2. border-color 边框颜色: div { width:200px