精华内容
下载资源
问答
  • 绘制有边框的字体,如图思路,通过stringMessure来获取字体的长度。如下:View Code privatevoidForm1_Paint(objectsender,PaintEventArgse){Graphicsg=e.Graphics;FontFamilyff=newFontF...

    绘制有边框的字体,如图

     

    思路,通过stringMessure来获取字体的长度。

    如下:

    ExpandedBlockStart.gifView Code
            private void Form1_Paint(object sender, PaintEventArgs e)
            {
                Graphics g 
    = e.Graphics;
                FontFamily ff 
    = new FontFamily(GenericFontFamilies.Serif);
                Font f 
    = new Font(ff, 12, FontStyle.Italic);
                
    string str = "Height" + f.Height;
                
    //不添加而外的高度
                SizeF sf = g.MeasureString(str, f, int.MaxValue,StringFormat.GenericTypographic);
                RectangleF rf 
    = new RectangleF(new PointF(00), sf);
                g.DrawRectangle(Pens.Red, rf.Left, rf.Top, rf.Width, f.Height);
                g.DrawString(str, f, Brushes.Blue, rf,StringFormat.GenericTypographic);

            }

    转载于:https://www.cnblogs.com/85538649/archive/2011/07/30/2121670.html

    展开全文
  • 近日客户提出在IPAD上操作IE菜单栏时,很难准确点击,希望可以加大IE边框字体的大小。 通过以下操作调整: 1.桌面右键-设置-高级-常规-DPI设置改为大尺寸(120 DPI) 2.桌面右键-外观-字体大小 3.IE-查看-文字...
     近日有客户提出在IPAD上操作IE的菜单栏时,很难准确点击,希望可以加大IE边框和字体的大小。
    通过以下操作调整:
    1.桌面右键-设置-高级-常规-DPI设置改为大尺寸(120 DPI)
    2.桌面右键-外观-字体大小
    3.IE-查看-文字大小
     
     
    展开全文
  • 使用.fa-border类,可以类轻易构造出带圆角边框的图标。还可以添加.pull-right或.pull-left类,让图标向右或向左浮动,所有图标都支持这两个类。如: <div> <iclass="fa fa-quote-left fa-3x fa-border...

    带边框的图标

    使用.fa-border类,可以类轻易构造出带有圆角边框的图标。还可以添加.pull-right.pull-left类,让图标向右或向左浮动,所有图标都支持这两个类。如:

    1. <div>
    2. <i class="fa fa-quote-left fa-3x fa-border pull-left"></i>
    3. <p>歪脖网(waibo.wang),Web技术交流平台,分享Web知识,交流Web经验。</p>
    4. <p>歪脖网(waibo.wang),Web技术交流平台,分享Web知识,交流Web经验。</p>
    5. </div>

    效果如图 5‑5所示:

    带边框的图标

    图5-5 带边框的图标

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    展开全文
  • 最近写了一个带边框的TextView,因为项目中有许多地方需要用到...于是自定义一个TextView带有边框,并且能通过java代码来动态控制边框以及字体颜色,这样就会省好多事情,上次也写了一个圆角实体的背景颜色,具体可以查

    最近写了一个带边框的TextView,因为项目中有许多地方需要用到一个带边框的TextView,而且需要根据不同的状态显示不同的边框颜色,当时的第一反应就是用shape做,但后来转念一想这要需要定义多少个drawable文件啊,瞬间决定换个思路,于是自定义一个TextView带有边框,并且能通过java代码来动态控制边框以及字体颜色,这样就会省好多事情,上次也写了一个圆角实体的背景颜色,具体可以查看这篇博客:Android自定义TextView带圆角及背景颜色(动态改变圆角背景颜色),这次就写了一个空心的带边框的,好了,老规矩,先来一波效果图,毕竟有效果图才知道是不是想要的那种效果,具体看效果图,左边是布局文件视图看到的,右边是通过代码设置的效果:

                      

    接下来就来看看代码是怎么实现的,代码实现是非常简单,就是自定义了一个TextView,然后引用就行了,先看看自定义的TextView代码:
    TextViewBorder.java

    package com.test.withborderstextview;
    
    import android.content.Context;
    import android.content.res.TypedArray;
    import android.graphics.Canvas;
    import android.graphics.Paint;
    import android.graphics.RectF;
    import android.util.AttributeSet;
    import android.widget.TextView;
    
    /**
     * Created by lp on 2016/9/21.
     */
    public class TextViewBorder extends TextView {
        private static final int STROKE_WIDTH = 2;
        private int borderCol;
    
        private Paint borderPaint;
    
        public TextViewBorder(Context context, AttributeSet attrs) {
            super(context, attrs);
    
            TypedArray a = context.getTheme().obtainStyledAttributes(attrs,
                    R.styleable.TextViewBorder, 0, 0);
            try {
                borderCol = a.getInteger(R.styleable.TextViewBorder_borderColor, 0);//0 is default
            } finally {
                a.recycle();
            }
    
            borderPaint = new Paint();
            borderPaint.setStyle(Paint.Style.STROKE);
            borderPaint.setStrokeWidth(STROKE_WIDTH);
            borderPaint.setAntiAlias(true);
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
    
            if (0 == this.getText().toString().length())
                return;
    
            borderPaint.setColor(borderCol);
    
    
            int w = this.getMeasuredWidth();
            int h = this.getMeasuredHeight();
    
            RectF r = new RectF(2, 2, w - 2, h - 2);
            canvas.drawRoundRect(r, 5, 5, borderPaint);
            super.onDraw(canvas);
        }
    
        public int getBordderColor() {
            return borderCol;
        }
    
        public void setBorderColor(int newColor) {
            borderCol = newColor;
            invalidate();
            requestLayout();
        }
    
    }
    
    


    其中的style在style.xml中有定义:

     <declare-styleable name="TextViewBorder">
            <attr name="borderColor" format="color"/>
        </declare-styleable>


    接下来就看看怎么引用:这里需要注意引入 xmlns:app="http://schemas.android.com/apk/res-auto"
    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <com.test.withborderstextview.TextViewBorder
            android:id="@+id/state1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:padding="3dp"
            android:layout_margin="10dp"
            android:text="状态1(xml设置)"
            android:textColor="@color/app_blue_color"
            app:borderColor="@color/app_blue_color" />
    
        <com.test.withborderstextview.TextViewBorder
            android:id="@+id/state2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:padding="3dp"
            android:layout_margin="10dp"
            android:text="状态2(java代码动态更改)"
            android:textColor="@color/app_blue_color"
            app:borderColor="@color/app_blue_color" />
    
        <com.test.withborderstextview.TextViewBorder
            android:id="@+id/state3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:padding="3dp"
            android:layout_margin="10dp"
            android:text="状态3(java代码动态更改)"
            android:textColor="@color/app_blue_color"
            app:borderColor="@color/app_blue_color" />
    
        <com.test.withborderstextview.TextViewBorder
            android:id="@+id/state4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_margin="10dp"
            android:padding="3dp"
            android:text="状态4(java代码动态更改)"
            android:textColor="@color/app_blue_color"
            app:borderColor="@color/app_blue_color" />
    </LinearLayout>
    

    最后我们来看看怎么在代码中动态更改边框以及字体颜色
    MainActivity.java

    package com.test.withborderstextview;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    
    public class MainActivity extends AppCompatActivity {
    
        private TextViewBorder state1;
        private TextViewBorder state2;
        private TextViewBorder state3;
        private TextViewBorder state4;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            state1 = (TextViewBorder) findViewById(R.id.state1);
            state2 = (TextViewBorder) findViewById(R.id.state2);
            state3 = (TextViewBorder) findViewById(R.id.state3);
            state4 = (TextViewBorder) findViewById(R.id.state4);
    
            //边框颜色
            state2.setBorderColor(getResources().getColor(R.color.app_red_delete_color));
            //字体颜色
            state2.setTextColor(getResources().getColor(R.color.app_red_delete_color));
    
            state3.setBorderColor(getResources().getColor(R.color.app_blue_color));
            state3.setTextColor(getResources().getColor(R.color.progress_color));
    
            state4.setBorderColor(getResources().getColor(R.color.app_red_delete_color));
            state4.setTextColor(getResources().getColor(R.color.app_blue_color));
        }
    }
    


    到这里就基本已经完成了,大家有什么建议给留言啊,需要进步,加油吧骚年
    如果有不清楚的可以下载源码看看:Android自定义TextView带圆角边框颜色(动态更改边框颜色)

    展开全文
  • //outline:none可以兼容各个浏览器,尤其是在safari上,如果不加 input边框一个蓝色或橙色的边框 #font{font-weight:bold !important} // !important:提高指定样式规则应用优先权, 如果不加上提高样式优先权...
  • Sherryhint.pas从这儿文件改过来,很简单,感兴趣可以看一下…… Delphi 气泡形式Hint提示(可以修改字体颜色和边框颜色)
  • 今天项目中要用到一个PDF预览功能,本来想用PDFBOX,后来为了更多选择又在网上找了找,发现了ICEPDF开源技术。看介绍还不错就下了个最新包(4.2.2)来用用。然后就一骨碌把ICEpdf-pro-4.2.2-bin-trial下...
  • CSS3_01_圆角_边框_渐变_字体

    千次阅读 2018-03-10 10:26:14
    CSS3 是最新 CSS 标准。 我们 CSS3 教程向您讲解 CSS3 中新特性。手册说明: CSS3使用了层叠样式表技术,可以对网页布局、字体、颜色、背景灯效果做出控制。...在边框方面,了更多灵活性...
  • 手机横竖屏切换时候字体会变大 text-size...表单在手机里点击有边框:-webkit-tap-highlight-color:rgba(0,0,0,0); 该标签用于指定是否将网页内容中手机号码显示为拨号超链接,iphone默认是能点击链接,并...
  • 1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色二、颜色基础知识 - TOP网页中颜色运用是网页必不可少一个元素。使用颜色目的在于区别、...
  • extjs太老了 用人很...嘿嘿 知乎名字 死狗等夜狼兴趣可以加个好友呀 <style> //插入css样式覆盖掉ext自带css样式 名字是partnerMp .x-grid-view.partnerMp.x-grid-cell-inner { height: 85px; line...
  • 图片下面空隙。解决办法:给图片加display:block样式,或者vertical-align:middle样式。2. 表格显示1px边框。解决办法:给table加border-collapse:collapse样式,给td加border:1px solid #ccc样式。iechrome1. ...
  • 一、修改UEditor默认Ctrl+...二、table边框线,编辑过程中有边框色,但是保存后再次查看却没有边框颜色了。解决: 粘贴表格 打开ueditor.all.js,找到如下代码并修改 utils.each(tables, function (table) { ...
  • 今天下午内容讲有点多,虽然都不复杂,... 中间许多分类,之前常用是background-color,就是背景颜色,很简单。  background-image 是背景图片 用法是:background-image: url()  background-repeat 是让...
  • 前言 element-ui 组件库之...当我们去设计一套组件库时候,首先要考虑颜色、字体边框、图标这些基础元素设计,它们是构建各个组件基石,如果没有做好这些基础设计,那么做出来组件库看上去一定很山寨。 ...
  • 北京时间8月19日消息:据国外媒体报道,美国Google公司最近开始测试新风格AdSense上下文广告,甚至可能在广告周围增加一个黑色边框。此前据业内人士透露,Google曾经进行过AdSense新字体的小范围测试,但是后来...
  • html3css概念字体样式汇总CSS使用内联样式内部样式表外部样式表CSS样式表特征CSS基础选择器 css概念 以统一方式实现样式定义 提高页面样式可重用性和可维护性 实现了内容(HTML)和表示(CSS)分离 ...
  • HTML里面一个标签fieldset,可以实现文字写在边框上,今天项目想实现一个类似效果,并要求自定义边框上文字距离一侧距离。下面青岛星网跟大家分享下纯CSS实现方法。先看下效果HTML部分代码文字标题占位文字...
  • 边框的灵活使用; 清楚margin本质上的作用,撑开盒子 使用transition:transiform(-50%,-50%) 进行元素自身的移动 固定定位fixed 固定在版心旁边 放大缩小页面 元素不搜影响的方法:left:50%,再相对版心进行位移; ...
  • CSS边框

    2019-06-20 21:44:58
    边框的基本属性 border-style常见的值有:solid...但只要设置了border-style,就会有边框,例如设置border: solid;chrome中width是0.6px,color等于字体颜色,默认是黑色。 TRBL与简写 四个方向可以独立设置,并具...
  • 从CSS3起,我们了一个新的属性: border-image ,它能让你用漂亮的小图片来围绕HTML元素,以图片边框的形式出现。通过 border-image 属性,我们可以制作出非常漂亮的边框样式。 在CSS3里引入的很多新特征中,比如...
  • 打开开发者模式中布局边界,再观察APP界面可以发现,在TextView中字体与TextView边界是一定距离, 在720px图中大概2px边界留白。就是这些默认留白导致UI出现偏差。 在TextV...
  • 思路:在需要添加元素上使用:after或者:before来生成一个边框,原始原始相对定位,伪元素绝对定位,利用transform:scaleY()来实现缩放 demo如下: 优势:适应所有场景 劣势:遇到伪类可能要多嵌套一层 ...
  • 这种趋势主要方面是半透明背景,带崇高阴影和边框。 我试着想出东西: 为页面上所有交互式元素添加悬停状态。 提出适合字体和盒子模型样式。 编写尽可能干净代码。 遵循最佳HTML惯例,以​​...
  • 1.css3新增一个属性rgba,语法R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。...边框:border:5px solid rgba(0,0,0,0.5);或者背景都可以。3.兼容性。支持ie9及以上浏览器4.c...
  • 边框尺寸 1.轮廓线outline 默认情况下文本框密码框都带轮廓线 取消轮廓线 outline : none; 2.box-sizing 改变元素尺寸计算方式 默认取值: content-box  元素...
  • css和jsp运用,边框的属性

    千次阅读 2007-10-18 20:57:00
    边框属性 padding-bottompadding-leftpadding-toppadding-right功能:毎个容器都有边框,这些属性设置边框与框內元素间距离。数值:长度 - 设置相对或绝对值。在数字后指定度量单位如下:mm, cm, in, pt, px, pc, ...
  • 我们经常做的边框以及分割线之类的是基于盒子模型的,一般使用border就可以搞定,但是在某些时候...这里的红色描边部分已经覆盖掉了黑色的字体,如果这个描边宽度再宽一些的话就会完全覆盖掉字体了。但是在Photoshop

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,170
精华内容 468
关键字:

有边框的字体